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

#hardfast,
#fastsearchsites,
#fastsearch{
	background-image:url('/src/img/svg/layers-search-outline.svg');
	background-repeat:no-repeat;
	background-position:center right+10px;
	background-size:25px;
}
#hardfast:hover,
#fastsearchsites:hover,
#fastsearch:hover{
	filter: invert(90%);
}

#head input[type="search"],
textarea.notes,
input.downdate,
input[type="text"],
input[type="button"],
.content textarea,
.content input[type="text"],
.content input[type="password"],
.content input[type="datetime"],
.content input[type="datetime-local"],
.content input[type="date"],
.content input[type="month"],
.content input[type="time"],
.content input[type="week"],
.content input[type="number"],
.content input[type="email"],
.content input[type="url"],
.content input[type="search"],
.content input[type="tel"],
.content input[type="color"],
.content input[type="file"],
.content select,
.downdatediv input[type="button"],
.content input[type="button"],
.content input[type="submit"],
.content button[type="button"],
.content button[type="submit"],
.content input[type="checkbox"],
.content 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;
	
	
	width:100%;
	min-width:100%;
	max-width:100%;
	

	font-size:1em;

	background-color:rgba(255,255,255,0.8);
	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:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;
}


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


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

.content textarea{
	width:100%;
}
.content 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;
}





input[type="button"],
.downdatediv input[type="button"],
.content button[type="button"],
.content button[type="submit"],
.content input[type="button"],
.content input[type="submit"]{
	cursor:pointer;
	color:#fff;
	font-size:1em;
	font-weight:normal;
	
	background-color: var(--color-button_default_color);
}


input[type="button"]:hover,
.downdatediv input[type="button"]:hover,
.content button[type="button"]:hover,
.content button[type="submit"]:hover,
.content input[type="button"]:hover,
.content input[type="submit"]:hover{
	background-color:var(--color-button_default_color_hover);

	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}



input.red,
.downdatediv input.red{
	background-color:rgba(255,0,0,0.5)!important;
}
input.red:hover,
.downdatediv input.red:hover{
	background-color:rgba(255,0,0,1)!important;
}

input.green{
	background-color:rgba(102,204,51, 1)!important;
	color:rgba(255,255,255,1)!important;
}
input.green:hover{
	background-color:rgba(102,204,51,0.5)!important;
	color:rgba(255,255,255,0.9)!important;
}


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

.downdatediv input.blue{
	background-color:rgba(25,90,160,0.5)!important;
}
.downdatediv input.blue:hover{
	background-color:rgba(25,90,160,1)!important;
}


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.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.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);
}











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


.content textarea:focus,
.content input[type="text"]:focus,
.content input[type="password"]:focus,
.content input[type="datetime"]:focus,
.content input[type="datetime-local"]:focus,
.content input[type="date"]:focus,
.content input[type="month"]:focus,
.content input[type="time"]:focus,
.content input[type="week"]:focus,
.content input[type="number"]:focus,
.content input[type="email"]:focus,
.content input[type="url"]:focus,
.content input[type="search"]:focus,
.content input[type="tel"]:focus,
.content input[type="color"]:focus,
.content input[type="file"]:focus,
.content input[type="checkbox"]:checked,
.content input[type="radio"]:checked,
.content 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;
}



.content input[type="radio"],
.content 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;
}


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

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





.content #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;
}
.content #viewinfosimages input[type="checkbox"]:checked{
	background-color:var(--color-warn);
	color:#fff;
}





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

.formfehler,
.content .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); }
}
.content .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;
}


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

.content #users .new_userchanger.io,
.content #users .userchanger.io,
.content #users .new_pwchanger.io,
.content #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;
}