@charset "UTF-8";
/* CSS Document */


input[type="search"],
textarea.notes,
input.downdate,
input[type="text"],
input[type="button"],
textarea,
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input[type="file"],
select,
.downdatediv input[type="button"],
input[type="button"],
input[type="submit"],
button[type="button"],
button[type="submit"],
input[type="checkbox"],
input[type="radio"]{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
	
	padding:0px;
	padding:6px 10px;
	
	margin:5px 0px 5px 0px;
	
	min-height:25px;
	height:auto;
	
	color:#666!important;
	
	
	width:100%;
	min-width:100%;
	max-width:100%;
	

	font-size:1em;

	background-color:rgba(255,255,255,0.7);
	border:1px solid rgba(0,0,0,0.4);
	
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition:border linear .2s, box-shadow linear .2s;
	-moz-transition:border linear .2s, box-shadow linear .2s;
	-o-transition:border linear .2s, box-shadow linear .2s;
	transition:border linear .2s, box-shadow linear .2s;


	-webkit-border-radius:0px 6px 6px 6px;
	-moz-border-radius:0px 6px 6px 6px;
	border-radius:0px 6px 6px 6px;
}
select#newcoin,
#newcoinround button{
	width:100%!important;
	min-width:100%!important;
	max-width:100%!important;
}

@media screen and (max-width: 700px) {
	#head input[type="search"],
	textarea.notes,
	input.downdate,
	input[type="text"],
	input[type="button"],
	textarea,
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"],
	input[type="file"],
	select,
	.downdatediv input[type="button"],
	input[type="button"],
	input[type="submit"],
	button[type="button"],
	button[type="submit"],
	input[type="checkbox"],
	input[type="radio"]{
		padding:13px 10px;
		min-height:30px;
	}
}


input[type="button"].doppelheight,
input[type="submit"].doppelheight,
button[type="button"].doppelheight,
button[type="submit"].doppelheight{
	min-height:80px;
}
@media screen and (max-width: 700px) {
	input[type="button"].doppelheight,
	input[type="submit"].doppelheight,
	button[type="button"].doppelheight,
	button[type="submit"].doppelheight{
		min-height:120px;
	}
}

textarea{
	width:100%;
}
input[type="number"]{
	width:80px;	
}

textarea.notes{
	width:100%;
	
	min-height:90%;
	height:auto;
}

input.downdate{
	width:auto;
}


input[type="datetime-local"]{
	width:230px!important;
	min-width:230px!important;
	max-width:230px!important;
}





#newscandirvalue .fixwidth{
	width:auto;
	min-width:auto;
	max-width:auto;
}


.toggle-password {
	position: absolute;
	right: 8px;
	top: calc( 50% + 4px);
	cursor: pointer;
	user-select: none;
}
.toggle-password_newcr {
	position: absolute;
	right: 8px;
	top: 35%;
	cursor: pointer;
	user-select: none;
}


input[type="button"],
button[type="button"],
button[type="submit"],
input[type="button"],
input[type="submit"]{
	cursor:pointer;
	color:rgba(0, 0, 0, 1)!important;
	font-size:1em;
	font-weight:normal;
	background-color: rgb(133, 217, 30);
}


input[type="button"]:hover,
button[type="button"]:hover,
button[type="submit"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover{
	background-color:rgba(254,200,50,1);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}


button.red,
input.red{
	color:rgba(255,255,255,1)!important;
	background-color:rgba(169, 8, 8,1)!important;
}
button.red:hover,
input.red:hover{
	background-color:rgba(169, 8, 8,0.7)!important;
}

button.orange,
input.orange{
	color:rgba(255,255,255,1);
	background-color:rgba(255, 136, 0, 0.7)!important;
}
button.orange:hover,
input.orange:hover{
	color:rgba(255,255,255,1);
	background-color:rgba(255, 136, 0, 1)!important;
}

button.green,
input.green{
	background-color:rgba(110, 220, 25, 0.8);
}
button.green:hover,
input.green:hover{
	background-color:rgba(255, 255, 10, 0.8);
}


input.green[type="button"]:hover,
input.green[type="submit"]:hover,
input.gruen[type="button"]:hover,
input.gruen[type="submit"]:hover{
	background-color: var(--color-immergruen-hover);
}




input.orange[type="button"],
input.orange[type="submit"],
input.orange[type="button"],
input.orange[type="submit"]{
	background-color:rgba(255, 136, 0, 0.7);
}


input.green[type="button"],
input.green[type="submit"],
input.gruen[type="button"],
input.gruen[type="submit"]{
	background-color: var(--color-immergruen);
}


input.red[type="button"],
input.red[type="submit"],
input.rot[type="button"],
input.rot[type="submit"]{
	background-color: var(--color-immerrot);
}
input.red[type="button"]:hover,
input.red[type="submit"]:hover,
input.rot[type="button"]:hover,
input.rot[type="submit"]:hover{
	background-color: var(--color-immerrot-hover);
}




button.smal,
input.smal{
	width:auto!important;
	min-width:auto!important;
	max-width:auto!important;
}






.buttonaufsite{
	background-color:rgba(255,255,255,0.2)!important;
}
.buttonaufsite:hover{
	background-color:rgba(255,255,255,0.7)!important;
}


textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
input[type="file"]:focus,
input[type="checkbox"]:checked,
input[type="radio"]:checked,
select:focus{
	color:#000;
	/**
	border-color:var(--color-hauptfarbe);
	**/
	outline:0;
	outline: none;
	outline:thin dotted \9;
	background-color:rgba(255,255,255,1);
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px var(--color-sehrdunkel-50);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px var(--color-sehrdunkel-50);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px var(--color-sehrdunkel-50);
	
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.nameerstring{
	color:#fff!important;
	border-color:transparent!important;
	background-color:rgba(0,0,0,0.8)!important;
}



input[type="radio"],
input[type="checkbox"]{
	cursor:pointer;
	font-size:1.5em;
	
	width:30px;
	max-width:30px;
	min-width:30px;
	
	height:30px;
	max-height:30px;
	min-height:30px;
	
	line-height:20px;
	transition: all .2s;
	text-align:center;
	vertical-align:middle;
	
	margin-right:5px;
	
	padding:3px 2px;
}


input[type="checkbox"]:checked::after {
	content: '\2713\0020';
}

input[type="radio"]:checked,
input[type="checkbox"]:checked{
	background-color:var(--color-hauptfarbe);
	color:#fff;
}





#viewinfosimages input[type="checkbox"]{
	width:20px;
	max-width:20px;
	min-width:20px;
	
	height:20px;
	max-height:20px;
	min-height:20px;
	
	font-size:1.0em;
	line-height:10px;	
	margin:0px;
	padding:3px 2px;
}
#viewinfosimages input[type="checkbox"]:checked{
	background-color:var(--color-warn);
	color:#fff;
}





.mussdasein:after {
   content: " *";
}
.mussdasein{
	color:#FFA200;
	font-weight:bold;	
}

.formfehler,
.formfehler{
	color:#fff!important;
	border:1px solid #fff!important;
	
	background-color:rgba(255,0,0,0.5)!important;
}


@-webkit-keyframes greentored {  
	0% { background-color:rgba(109,188,25,1); }
	50% { background-color:rgba(109,188,25,0.2); }
	100% { background-color:rgba(109,188,25,0.5); }
	50% { background-color:rgba(109,188,25,0.2); }
	0% { background-color:rgba(109,188,25,1); }
}
.nochbearbeiten{

	-webkit-transition: background-color 0.2s ease-in;
	-moz-transition: background-color 0.2s ease-in;
	-ms-transition: background-color 0.2s ease-in;
	-o-transition: background-color 0.2s ease-in;
	transition: background-color 0.2s ease-in;

	color:#fff!important;
	border:1px solid #fff!important;
	background-color:var(--color-sehrdunkel-20);
	-webkit-animation-name: greentored;  
    -webkit-animation-iteration-count: infinite;  
    -webkit-animation-duration: 9s; 
}



.buttonwarn{
	color:var(--color-warn)!important;
}


#users .new_userchanger,
#users .userchanger,
#users .new_pwchanger,
#users .pwchanger{
	border:3px solid var(--color-warn);
}

#users .new_userchanger.io,
#users .userchanger.io,
#users .new_pwchanger.io,
#users .pwchanger.io{
	border:3px solid var(--color-hauptfarbe);
}



.outsetresl .chboxsi.set{
	-webkit-transition: all 1.6s;
	-moz-transition: all 1.6s;
	-o-transition: all 1.6s;
	transition: all 1.6s;
	
	
  	background-color:var(--color-warn)!important;
   -webkit-box-shadow: 0px 0px 5px 5px var(--color-kontrast4)!important;
	box-shadow: 0px 0px 5px 5px var(--color-kontrast4)!important;
}


.bigheight{
	min-height:50px!important;
	height:auto;
}





/** alle fastsearch**/
.fastsearch{
	color:rgba(180, 244, 92, 0.5)!important;
	background-color:rgba(255, 255, 255, 0.5)!important;
}
.fastsearch:hover{
	color:rgba(180, 244, 92, 1)!important;
	filter: invert(30%)!important;
}


.fastsearchfrontend{
	max-width: 98% !important;
	min-width: 98% !important;
	width: 98% !important;

	padding: 0px;
	margin:0px;
	margin: 0px auto!important;
	align-items: center;
	vertical-align: center;

	display: flex;
	justify-content: center;

	color:rgba(46, 78, 0, 0.5)!important;
	background-color:rgba(255, 255, 255, 1)!important;
}
.fastsearchfrontend:hover{
	color:rgba(46, 78, 0, 0.5)!important;
	background-color:rgba(255, 255, 255, 1)!important;
	filter: invert(0%)!important;
}





input[type="range"] {
  width: 100%;
  height: 25px;
  background: transparent!important; /* wichtig, damit eigene Styles durchkommen */
 	/* background:red; */
  cursor: pointer;
  padding:0px 5px;
  	border:1px solid rgba(255,255,255,0.2);
	background-color: rgba(255,255,255,0.1);;
	-webkit-border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;
}





.switch {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 28px;
}
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
.switch .slider {
	position: absolute;
	cursor: pointer;
	top: 0; left: 0;
	right: 0; bottom: 0;
	background-color: #ccc;
	transition: 0.3s;
	border-radius: 28px;
}

.switch .slider:before {
	position: absolute;
	content: "";
	height: 20px; width: 20px;
	left: 4px; bottom: 4px;
	background-color: white;
	transition: 0.3s;
	border-radius: 50%;
}

input:checked + .slider {
	background-color: #2196F3;
}

input:checked + .slider:before {
	transform: translateX(22px);
}




.form-delete{
	color:rgba(255,255,255,0.8);
	font-size: 16px;
	width:20px;
	height: 20px;
	line-height: 18px;

	text-align: center;
	vertical-align: middle;
	font-style: normal;
	cursor: pointer;

	position: absolute;
	z-index: +1;

	right:40px;
	top: calc( 50% - 10px );

	background-color: rgba(0,0,0,1);
	border-radius: 50%;
}
.form-delete:hover{
	color:rgba(251, 65, 3, 1);
}




input.smal{
	width:50%!important;
	min-width:50%!important;
	max-width:50%!important;
}

input.spezialw{
	width:95%!important;
	min-width:95%!important;
	max-width:95%!important;
}
@media screen and (max-width: 1100px) {
	input.spezialw{
		width:90%!important;
		min-width:90%!important;
		max-width:90%!important;
	}
}
@media screen and (max-width: 700px) {
	input.spezialw{
		width:85%!important;
		min-width:85%!important;
		max-width:85%!important;
	}
}