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


/**


grau
rgba(50,50,50,1);




grün
#1e4132
30,65,50

hellgrün
#6C3
102,204,51


schönes grün
6dbc19
109,188,25


rot
#F33

255,51,51

a
gold
206,184,36



orange
#DC660F
220,102,15




@media screen and (max-width: 1025px) {
}

-webkit-border-radius:6px 6px 6px 6px;
-moz-border-radius:6px 6px 6px 6px;
border-radius:6px 6px 6px 6px;	
**/




#adisinfodisplay{
	display: none;
	position:fixed;
	top:10px;
	/* left:calc( 50% - ( 25% / 2 ) );*/
	left:57%;
	width: 25%;
	height: 28px;
	z-index: 999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
}






.suchwurmwo{
	white-space: nowrap;
	display: inline-block;
	background-color: #000;
	margin:0px!important;
	padding:0px!important;
	height: 30px;
	line-height: 28px;
	border-radius: 6px;
	color: rgba(255,255,255,0.5);
	background-color: rgba(255,255,255,0.1);
	font-size:0.8em;
}
.suchwurmwo div{
	height: 28px;
	line-height: 28px;
	display: inline-block;
	width: auto!important;
	border-radius: 6px;
	outline: none;
	padding:0px 1px!important;
}
.suchwurmwo .and2,
.suchwurmwo .and{
	display: none;
}

.suchwurmwo.akt,
.suchwurmwo .and.akt,
.suchwurmwo .and2.akt,
.suchwurmwo .dirfile.akt,
.suchwurmwo .dir.akt,
.suchwurmwo .file.akt{
	color: rgba(255,255,255,0.8);
	box-shadow: inset 0 0 0 1px rgba(102, 204, 51, 0.7);
	background-color: rgba(220,102,15,0.2);

	box-shadow: 0 0 3px 5px rgba(102, 204, 51, 0.1);
}

.suchwurmwo .and2.select,
.suchwurmwo .and2.akt,
.suchwurmwo .and.select,
.suchwurmwo .and.akt{
	display: inline-block;
	margin:0px 5px;
	padding:0px 5px;
}
.suchwurmwo .cont{
	padding-left:10px;
}


.suchwurmwo.select,
.suchwurmwo .and.select,
.suchwurmwo .and2.select,
.suchwurmwo .dirfile.select,
.suchwurmwo .dir.select,
.suchwurmwo .file.select{
	color: rgba(255,255,255,1);
	background-color: rgba(220,102,15,0.1);
	box-shadow: 4px 4px 6px rgba(255,255,255, 0.2),
	inset 0 0 0 1px rgba(102, 204, 51, 0.7);

	box-shadow: 0 0 3px 5px rgba(102, 204, 51, 0.5);
}


#newdot{
	display: none;
	position: fixed;
	width: 24px;
	height: 24px;
	line-height: 24px;
	font-size: 7px;
	top:10px;
	right:100px;
	z-index: 9999999999999999999999999;
	background-color: rgba(207, 3, 3, 0.8);

	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;

	cursor: pointer;
}


#worksqlinfront{
	display:none;
	position: fixed;
	width: 90vw;
	height: 80vh;
	top:50px;
	left:10px;
	z-index: 9999999999999999999999999;
	background-color: rgba(0, 0, 0, 0.8);
	word-break: break-word!important;
	overflow-wrap: break-word;
}

#QRcodeDiv{
	display:none;
	position: fixed;
	width: 96vw;
	height: 96vh;
	top:2vh;
	left:2vw;
	margin: 0 auto;
	z-index: 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
	background-color: rgba(0, 0, 0,0.9);
	word-break: break-word!important;
	overflow-wrap: break-word;
	
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

	-webkit-border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;

	text-align: center;
}
#QRcodeDiv img{
	margin-top:15vh;
	height: 60vh;
	width: auto;
	object-fit: cover;
}


/** das Div für infos beim programmieren **/
#KonstruktionsDiv{
	display:none;
	position: fixed;
	width: 350px;
	height: 350px;
	top:10px;
	left:10px;
	z-index: 9999999999999999999999999;
	background-color: rgba(153,10,10,0.8);
	overflow: auto;
}


.errormsg{
    margin: 10px;
    margin-top:20vh;
    border:1px solid var( --color-immergruen);
	padding:10px;
    width: calc(100% - 21px);
	
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

	-webkit-border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;

    background-color: #ff0000;
    text-align: center;
    height: 150px;
    font-size:15px;
	line-height: 140px;
    vertical-align: middle;
}


.content_add_msg{
	text-align: center;
}

#viewsysvar{
	position: fixed;
	width: 350px;
	height: 350px;
	top:10px;
	left:10px;
	z-index: 9999999999999999999999999;
	background-color: rgba(153,10,10,0.8);
	overflow: auto;
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.flex-container > div {
    width: calc(50% - 10px);
    padding:10px 5px;
    margin: 5px;
    border:1px solid var(--color-trenner-rahmen-50);

    -webkit-border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;
}
.flex-3_container > div {
    width: calc(33.3% - 10px);
}
@media screen and (max-width: 1124px) {
	.flex-3_container > div {
		width: calc(50% - 10px);
	}
}

@media screen and (max-width: 700px) {
    .flex-container > div {
        width: 100%;
    }
}
.flex-container > div:hover {
    border:1px solid var(--color-trenner-rahmen);
    background-color: var(--aufheller);
}






.inactiveU20{
	border: 3px solid var(--color-red)!important;
	
/**
	opacity: 0.50;
	filter:"alpha(opacity=50)";
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
	**/
}



/**
/src/img/svg/database-sync-outline.svg
**/


.img50p{
	width: 10vw;
	height: auto;
}
@media screen and (max-width: 1024px) {
	.img50p{
		width: 30vw;
	}
}
@media screen and (max-width: 700px) {
	.img50p{
		width: 48vw;
	}
}





#downloadmsg{
	display: none;
	position: fixed;
	z-index: 9999999999999;
	
	top: 50%;
    left: 50%;
	
	height:80px;
	width: 30vw;
	
	margin-top: -40px;
    margin-left: -15vw;
	padding:10px;

	background-color: var(--color-sehrdunkel);
	text-align: center;
	vertical-align:middle;
	border:1px solid var(--color-trenner-rahmen);
}
@media screen and (max-width: 700px) {
	#downloadmsg{
		width: 60vw;
		 margin-left: -30vw;
	}
}

#downloadmsg .closerdownload{
	position: absolute;
	cursor: pointer;
	top:-20px;
	right:-20px;
	width:40px;
	height:40px;
	
	background-image:url('/src/img/close_w.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:50%;
}
#downloadmsg .closerdownload:hover{
	background-size:70%;
}

#setup .onofficondiv{
	vertical-align: middle;
	display: inline-block;
	width: 60px;
	height: 40px;
	cursor: pointer;
	
	background-image:url('/src/img/deep_off.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:99%;
}
#setup .onofficondiv.activ{
	background-image:url('/src/img/deep_on.png');
}





.placeholdersafe{
	position: absolute;
	top:10px;
	width: 26px;
	height: 26px;
	background-color: #E66264;
}


.adisinforesult{
	display: none;
	cursor: auto;
	position: absolute;
	bottom:50px;
	left:0;
	width: 100%;
	z-index: 9999999999;
	background-color: rgba(0,0,0,0.7);
}
.adisinforesult div{
	margin-bottom: 4px;
}
.adisinforesult div:hover{
	color:#fff;
	background-color: rgba(0,0,0,0.8);
}





/**
alles rund um listing als text
**/

#resultlisting{
    margin-top:30px;
}

#resultlisting .line{
    border-bottom:1px solid var(--color-trenner-rahmen);
    width:100%;
}

#resultlisting .line:hover{
    background-color: var(--color-trennfarbe);
}


#resultlisting .line div{
    display:inline-block;
    padding:10px 5px;
}
#resultlisting .line div:first-child{
    width:60px;
}

#resultlisting .line div:last-child{
    float:right;
}
.fontfein{
    font-size:0.9em;
    color: var(--color-trenner-rahmen);
}
.posr{
    text-align:right;
}
.w60{
    width:60px;
}
.w80{
    width:80px;
}
.w100{
    width:100px;
}
.ln_r{
    border-right:1px solid var(--color-trennfarbe);
}
.ln_l{
    border-left:1px solid var(--color-trennfarbe);
}





.favpos{
	position: absolute;
	right: 0px;
	top:0px;
	width: 40px;
	padding-bottom:5px;
	z-index: 9999999999;
}


.favpos .fav{
	width: 40px;
	height: 40px;
	background-image:url('/src/img/fav_w.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:61%;
	
	opacity: 0.50;
	filter:"alpha(opacity=50)";
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
}
.favpos .fav.activ,
.favpos .fav:hover{
	background-image:url('/src/img/fav_b.png');
}
.favpos .vote{
	width: 40px;
	height: 40px;
	background-image:url('/src/img/vote_up_w.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:61%;
	
	color:rgba(109,188,25,1);
	font-size: 0.8em;
	line-height: 45px;
	
	
	opacity: 0.50;
	filter:"alpha(opacity=50)";
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
}
.favpos .vote.activ,
.favpos .vote:hover{
	background-image:url('/src/img/vote_up_b.png');
}








.favpos .download{
	width: 40px;
	height: 40px;
	background-image:url('/src/img/icon_download_w.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:61%;
	
	opacity: 0.50;
	filter:"alpha(opacity=50)";
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
}
.favpos .download.activ,
.favpos .download:hover{
	background-image:url('/src/img/icon_download_b.png');
}




.favpos:hover,
.favpos:hover{
	background-color: rgba(255,255,255,0.1);
}















#sicherheitsmodusaktiv,
#cronlauftwohlnicht{
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	
	position:fixed;
	z-index: 9999999999999999999999999999999999999999999999999999999999;
	
	bottom:0px;
	left: 0px;
	right:0px;
	
	height: 80px;
	min-height: 80px;
	line-height: 50px;
	
	max-width: 100%;
	min-width: 100%;

	background-color: rgba(255,51,51,0.9);
	text-align: center;
	padding:18px;
	color: rgba(255,255,255,0.8);
	font-size: 1.3em;
}
#sicherheitsmodusaktiv{
	height: 100px;
	min-height: 100px;
	line-height: 40px;
}
@media screen and (max-width: 1022px) {
	#sicherheitsmodusaktiv,
	#cronlauftwohlnicht{
		height: 200px;
		min-height: 200px;
	}
}
#sicherheitsmodusaktiv a,
#cronlauftwohlnicht a{
	text-decoration: underline;
}





#newVersionhere{
	display: none;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	
	
	position:fixed;
	z-index: 9999999999999999999999999999999999999999999999999999999999;
	top: 0px;
	bottom:0px;
	left: 0px;
	right:0px;
	
	height: 100%;
	min-height: 100%;
	
	max-width: 100%;
	min-width: 100%;
	
	
	background-color: rgba(146,210,49,0.9);
	
	border:20px solid rgba(255,255,255,0.8);
	
	text-align: center;
	
	padding:5px;
	padding-top:30%;
	color: rgba(0,0,0,0.8);
	font-size: 3em;
	line-height: 2em;
}
#LoginDatenhinweis{
	display: none;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	
	
	position:fixed;
	z-index: 9999999999999999999999999999999999999999999999999999999999;
	top: 0px;
	bottom:0px;
	left: 0px;
	right:0px;
	
	height: 100%;
	min-height: 100%;
	
	max-width: 100%;
	min-width: 100%;
	
	
	background-color: rgba(146,210,49,0.9);
	
	border:20px solid rgba(255,255,255,0.8);
	
	text-align: center;
	
	padding:5px;
	padding-top:30vh;
	color: rgba(0,0,0,0.8);
	font-size: 3em;
	line-height: 2em;
}




#dialogmsg{
	display: none;
	position: absolute;
	z-index: 9999999999999999999999999999999999999999999999999999999999999999999999;
	top: 43vh;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	
	height: 70vh;
	min-height: 50vh;
	
	max-width: 98vw;
	min-width: 50vw;

	background-color: rgba(50,50,50,1);
	
	border:5px solid rgba(255,255,255,0.5);
	
	text-align: center;
	
	padding:20px;

	-webkit-border-radius:12px 12px 12px 12px;
	-moz-border-radius:12px 12px 12px 12px;
	border-radius:12px 12px 12px 12px;
}
@media screen and (max-width: 700px) {
	#dialogmsg{
		padding:20px 10px;
		min-width: 95vw;
	}
}





#footer{
	position: fixed;
	bottom: 0px;
	height: 20px;
	line-height: 14px;
	width: 100%;
	padding:1px 5px;
	
	background-color: rgba(0,0,0,0.5);
	display: inline-block;
	display: none;
	/**
	background-color: rgba(255,255,255,1);
	background-color: rgba(255,0,255,1);
	**/
	font-size: 0.5em;
	text-transform: uppercase;
	text-decoration:none;
}
#footer img{
	height: 100%;
	width: auto;
}
#footer a:link,
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:focus{
	text-decoration:none;
}
	
	
	

#footer div{
	height: 100%;
	float:right;
	display: inline-block;
}
#footer div#logo{
	cursor: pointer;
	float:left;
}

#footer div#right div{
	padding-left:10px;	
}

.round{
	-webkit-border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;
}

.red{
	color:rgba(255,51,51,0.8);	
}
.green{
	color:rgba(38, 226, 13, 0.8);	
}
.orange{
	color:rgba(238, 167, 43, 0.8);	
}

fieldset{
	border:0px;
	border:1px solid var(--color-kontrast3);
	padding:0px 0px;
	width:100%;	
	
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

	-webkit-border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;
}


fieldset.spezial{
	width:98%;
	margin-left:1%;	
	padding:10px 10px;
	border:1px solid var(--color-immergruen);
}
fieldset.spezial legend{
	cursor: pointer;
}
fieldset.spezial label{
	display: none;
}


fieldset legend{
	padding:10px;
	margin-left:20px!important;
	text-align:left;
}

#feedback_cont fieldset,
#users fieldset,
#search_n3 fieldset,
#search fieldset{
	margin:0px;
	padding:0px;
	padding:0px 10px 20px 10px;
	position: relative;
}

.buttonsaddsearchmore:not(.suchwurmwo, .suchwurmwo div){
	padding-top:8px;
}
fieldset .buttonsaddsearchmore:not(.suchwurmwo, .suchwurmwo div),
fieldset .buttonsaddsearch:not(.suchwurmwo, .suchwurmwo div){
	width:50%;
	min-width:180px;
	margin-top: -60px;
	margin: 0 auto!important;
}
@media screen and (max-width: 700px) {
	fieldset .buttonsaddsearchmore,
	fieldset .buttonsaddsearch{
		width:90%;
		min-width:180px;
	}
}

fieldset .buttonsaddsearchmore div:not(.suchwurmwo, .suchwurmwo div),
fieldset .buttonsaddsearch div:not(.suchwurmwo, .suchwurmwo div){
	font-size: 0.8em;
	cursor: pointer;
	padding:5px 5px;
	margin-right: 5px!important;
	
	background-color: rgba(255,255,255,0.2);
	
	-webkit-border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;
}
fieldset .buttonsaddsearchmore div:not(.suchwurmwo, .suchwurmwo div):hover,
fieldset .buttonsaddsearch div:not(.suchwurmwo, .suchwurmwo div):hover{
	background-color: rgba(255,255,255,0.4);
}

fieldset .buttonsaddsearchmore:not(.suchwurmwo, .suchwurmwo div) .active{
	background-color: var(--color-kontrast2);
}


fieldset .buttonsaddsearchmore div:not(.suchwurmwo, .suchwurmwo div){
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
	width: calc( ( 100% / 4 ) - 3px );
	margin-right: 3px!important;


	text-align: center!important;
	border:0px solid var(--color-trenner-rahmen-50);
}
fieldset .buttonsaddsearchmore div.last{
	margin-right: 0px!important;
}
@media screen and (max-width: 1024px) {
	fieldset .buttonsaddsearch:not(.suchwurmwo, .suchwurmwo div),
	fieldset .buttonsaddsearchmore:not(.suchwurmwo, .suchwurmwo div){
		width: 70%;
	}
	fieldset .buttonsaddsearchmore div:not(.suchwurmwo, .suchwurmwo div){
		width: 100%;
		width: calc( ( 100% / 2 ) - 3px );

		margin-top:0px!important;
	}
	fieldset .buttonsaddsearchmore br{
		content: "" !important;
    	display: block !important;
    	margin-bottom: 1px !important;
	}
}
@media screen and (max-width: 700px) {
	fieldset .buttonsaddsearch:not(.suchwurmwo, .suchwurmwo div),
	fieldset .buttonsaddsearchmore:not(.suchwurmwo, .suchwurmwo div){
		width: 90%;
	}
}

fieldset .buttonsaddsearch div.erweiterung{	
	background-color: var(--color-sehrdunkel-50);
	margin-right: 20px!important;
	font-style: italic;
}
fieldset .buttonsaddsearch div.erweiterung:hover{
	background-color: var(--color-sehrdunkel-80);
}	
	
	
	
fieldset .buttonsaddsearchtxt{
	width:50%;
	min-width:200px;
	margin: 0 auto!important;

	font-size: 0.7em;
	font-style: italic;
	color:rgba(255,255,255,0.5);
	padding:3px 7px;
	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;
}



#linksdef .buttonsaddsearchinresult{
	width: 100%;
}
#linksdef .buttonsaddsearchinresult div{
	display: inline-block;
	font-size: 0.8em;
	cursor: pointer;
	padding:5px 5px;
	margin-right: 5px!important;
	background-color: rgba(255,255,255,0.2);
	
	-webkit-border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;
}
#linksdef .buttonsaddsearchinresult div:hover{
	background-color: var(--color-sehrdunkel-80);
}
#linksdef .buttonsaddsearchinresult div.active{
	background-color: var(--color-kontrast2);
}


.hidder{
	opacity: 0.10;
	filter:"alpha(opacity=10)";
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	-moz-opacity: 0.10;
	-khtml-opacity: 0.10;
}

.noselect{
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}


.superuser_flag_index{
	position: fixed;
	bottom:0px;
	right:0px;
	left:0px;
	height: 5px;
	background-color: var(--color-halfwarn);
}

.safeiconfakesiteadminlistings,
.safeiconfake{
	cursor: pointer;
	display: inline-block;
	position: absolute;
	top:-3px;
	margin-left:-10px;
	width: 59px;
	height: 59px;

	
	background-image:url('/src/img/speichern_w.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:41%;
}
.safeiconfakesiteadminlistings{
	top:13px;
	width: 40px;
	height: 40px;
	margin-left:-5px;
}
.safeiconfakesiteadminlistings:hover,
.safeiconfake:hover{
	background-image:url('/src/img/speichern_g.png');
}

.deleteiconsmal,
.deleteiconsites,
.deleteicon{

	cursor: pointer;
	position: relative;
	vertical-align: bottom;
	width: 40px;
	height: 40px;
	background-image:url('/src/img/delete_w.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:40%;	

	
	opacity: 0.40;
	filter:"alpha(opacity=40)";
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	-moz-opacity: 0.40;
	-khtml-opacity: 0.40;
}
.deleteiconsites{
	display: inline-block;
	margin-left:-10px;
	background-position:top+8px left;
}
#virtualdisk .deleteicon{
	position: absolute;
	top:1px;
	right:5px;
}





.deleteiconlinksue{
	background-position:top+5px center;
}

.deleteiconsmal{
	width: 15px;
	height: 15px;
	border: none!important;
	background-size:70%;	
}

.deleteiconsmal:hover,
.deleteiconsites:hover,
.deleteicon:hover{
	opacity: 0.99;
	filter:"alpha(opacity=99)";
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
	-moz-opacity: 0.99;
	-khtml-opacity: 0.99;
}


.islinkclosedopen{
	position:absolute;
	z-index: -5;
	width: 13px;
	height: 13px;
	
	bottom:3px;
	right:7px;
	
	background-image:none;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:0px;
	
	
	opacity: 0.50;
	filter:"alpha(opacity=50)";
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
}
.islinkclosed{
	position:absolute;
	z-index: -5;
	width: 13px;
	height: 13px;
	
	bottom:3px;
	right:7px;
	
	background-image:url('/src/img/schloss_w.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:10px;
	
	opacity: 0.50;
	filter:"alpha(opacity=50)";
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
}


#tempSyno{
	position:absolute;
	top:0px;
	right:10px;
	height:40px;
	width:40px;
	
	background-color:rgba(255,255,255,0.2);
	
	font-size:15px!important;
	line-height:33px;
	text-align:center;
	vertical-align:middle;
	
	-webkit-border-radius:50%!important;
	border-radius:50%!important;
}





.virtverzeichnis{
	position:fixed;
	background-color: var(--color-hauptfarbe);
	padding:5px;
	left:0px;
	top:45px;
	min-width: 16%;
	max-width: 90%;
	
	z-index: 999999999999999999999999999999;
	display: block;
}
.virtverzeichnis:hover{
	/** background-color: var(--color-hauptfarbe); **/
	background-color: var(--color-button_default_color_hover);
}
/** wenn kein header da ist **/
body.hide .virtverzeichnis{
	top:0px;
}

.virtverzeichnis .list{

	background-color: var(--color-button_default_color);

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;

	display: block;
	position: relative;
	padding:5px 5px;
	margin-bottom: 10px;
	border:1px solid var(--color-trenner-rahmen-50);
	text-transform: uppercase;
	font-size:1.5em;
	line-height: 1.5em;
}
.virtverzeichnis .list.first{
	padding-right: 10px;
}

.virtverzeichnis .list:hover{
	border:1px solid rgba(0,0,0,1);
	background-color: rgba(0,0,0,0.2);
}



.virtverzeichnis .active{
	background-color: rgba(255,255,255,0.1);
}



.virtverzeichnis .list div{
	padding:8px 20px;
	margin-bottom: 5px;
	font-size:0.8em;
	line-height: 1em;
}
.virtverzeichnis .list div:hover{
	background-color: rgba(0,0,0,0.2);	
}
.virtverzeichnis .list div div{
	padding:5px 15px;
	margin-top: 10px;
	margin-bottom: 1px;
	font-size:0.9em;
	line-height: 1em!important;
}
.virtverzeichnis .list div div div{
	padding:5px 15px;
	margin-top: 10px;
	margin-bottom: 0px;
	font-size:0.9em;
	line-height: 1em;
}



.virtverzeichnis .head{
	cursor: pointer;
	white-space: nowrap;
	width: 100%;
	text-align: center;
	font-size: 1.2em;
	text-transform: uppercase;
	padding:5px 15px;
	border:1px solid var(--color-trenner-rahmen-50);
	
	
}
.virtverzeichnis .head:hover{
	border:1px solid var(--color-trenner-rahmen);
}

.virtverzeichnis .showallkapitel{
	position: absolute;
	margin:5px 5px;
	top:1px;
	right:0px;
	width: 26px;
	height: 26px;
	cursor: pointer;
	border:1px solid var(--color-trenner-rahmen-50);
	background-color: rgba(0,0,0,0.3);
	text-align: center;
	line-height: 22px;
	
	-webkit-border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;
}


.virtverzeichnis #virtverzcontent{
	display: none;
	margin-top: 10px;
	height: 90%;
	max-height: 85vh;
	overflow-y: auto;
	padding-bottom: 10px;
	padding-right:2px;
}

.virtverzeichnis em{
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer;
	font-style: normal;
	text-transform: uppercase;
}
.virtverzeichnis i{
	position: absolute;
	right:9px;
	font-style: normal;
	font-size: 10px;
	color:rgba(255,255,255,0.5);
}


#korrigieren em,
#setup em,
#support em{
	color: var(--color-kontrast3);
}
#setup strong,
#support strong{
	font-weight: bold;
	font-size: 1.2em;
}
#korrigieren i{
	font-size: 0.8em;
}


#most_needed{
	position:relative;
}

#most_needed div{
	cursor: pointer;
	display:inline-block;
	border:1px solid rgba(255,255,255,0.3);	
	padding:5px 10px;
	
	font-size: 1.5em;
	line-height: 1.5em;
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	
	
	margin:0px 5px 5px 0px;
	overflow:hidden;
	max-width:100%;
}
#most_needed div:hover{
	background-color:rgba(255,255,255,0.2);	
}













.secmessage{
	z-index: 999999999999999999999;
	position:fixed;
	top:45px;
	left: 0px;
	width: 100%;
	min-height: 2px;
	text-align: center;
	padding: 1px 10px;
	background-color: var(--color-warn);
}








.sitelist{
	position:relative;
	width:100%;
}

.sitelist div.l{
	position:relative;
	cursor:pointer;
	width:100%;
	padding:12px 8px;
	padding-left:40px;
	
	border:1px solid var(--color-trenner-rahmen-50);


	background-color:var(--color-sehrdunkel-50);
	margin-bottom:1vh;
	
	
	background-image:url('/src/img/link_w.png');
	background-repeat:no-repeat;
	background-position:left +5px center;
	background-size:24px;
	
	-webkit-border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;
}

.sitelist div.ltitle{
	position:relative;
	cursor:none;
	width:100%;
	padding:12px 8px;
	padding-left:40px;
	border:1px solid var(--color-trenner-rahmen-50);
	background-color: var(--color-sehrdunkel-50);
	margin-bottom:1vh;
	
	font-weight: bold;
	font-size: 1.2em;
	background:none;
	
	-webkit-border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;
}

.sitelist div.l2{
	position:relative;
	cursor:default;
	display:inline-block;
	width:100%;
	padding:12px 8px;
	padding-left:8px;
	border:1px solid var(--color-kontrast4);
	background-color: var(--color-sehrdunkel-50);
	margin-bottom:1vh;
	
	-webkit-border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;
}

.sitelist div.l2:hover,
.sitelist div.l:hover{
	border:1px solid rgba(255,255,255,1);
	background-color:rgba(255,255,255,0.1);
}


.sitelist div.l2 span{
	color:rgba(225,200,5,1);
	cursor:pointer;
}
.sitelist div.l2 span:hover{
	color:rgba(153,10,10,0.8);
}

.sitelist div .anz{
	position:relative;
	display:inline-block;
	width:55px;
	white-space: nowrap;
}
.sitelist div .anz2{
	position:relative;
	display:inline-block;
	width:35px;
	white-space: nowrap;
}


.sitelist .schl{
	position:absolute;
	right:0px;
	top:0px;
	bottom:0px;
	width:50px;
	background-image:url('/src/img/schloss_w.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:18px;
	
	
	opacity: 0.60;
	filter:"alpha(opacity=60)";
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	-moz-opacity: 0.60;
	-khtml-opacity: 0.60;
}







#statuscronsindis{
	position:absolute;
	text-align:left;
	z-index:99999999999999999999999999999999;
	top:17px;
	left:5px;
	font-weight: bold;
}
#statuscronsindis{
	display:inline-block;
	float:left;
	margin-right:10px;
}
#statuscronsindis .kugel{
	cursor: help;
	float:left;
	text-align: center;
	background-color:rgba(102,204,51,1);
	color:#000;
	width:14px;
	height:14px;
	line-height:14px;
	font-size:7px!important;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	margin-right:2px;
}
#statuscronsindis .kugel.run{
	background-color: var(--color-warn);
}


.vieworig{
	display:none;
	position:absolute;
	width:45px;
	height:45px;
	background-image:url('/src/img/showinfos_w.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100%;
}
.vieworig:hover{
	background-image:url('/src/img/showinfos_j.png');
}


#securediv{
	position:fixed;
	z-index:99999999999999999999999999999999999999;
	top:51px;
	left:0px;
	bottom:0px;
	right:0px;
	width:100%;
	height:100%;
	background-color: var(--color-hauptfarbe);
	background-color:var(--color-hauptfarbe);

	
}

#modeall{
	display:none;
	float:right;	
}

#quickview{
	/**
	display:none;
	**/
	display:none;
	vertical-align:middle;
	z-index:9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
	position:fixed;
	font-size:1em;
	/**
	top:1vh;
	left:1vw;
	width:98vw;
	min-height:90vh;
	height:98vh;
	border:2px solid var(--color-kontrast3);

	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
	**/
	top:0;
	left:0;
	width:100vw;
	min-height:100vh;
	height:100vh;
	border:0px;

	padding:1vh;

	text-align:center;
	background-color:var(--body-color);
	

	

	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#quickview #quickview_co{
	width:100%;
	height:100%;
	overflow: hidden;
	text-align: center;

	display:flex;
	justify-content:center;
	align-items:center;
}
#quickview #quickview_co *,
#quickview #quickview_co div,
#quickview #quickview_co video,
#quickview #quickview_co audio,
#quickview #quickview_co img{
	width:auto;
	height:auto;
	max-width:95vw!important;
	max-height:95vh!important;
}
#quickview #quickview_co audio{
	min-width: 95vw!important;
	min-height: 90px;
}
#quickview .audiopopup{
	width: 100%!important;
	height: 100%!important;
	vertical-align: middle;
	text-align: center;
	padding-top:40vh;
}
#quickview .audiopopup *{
	width: 100%!important;
	height: auto!important;
	min-height: auto!important;
	vertical-align: middle;
}
#quickview .videopopup{
	z-index: 0;
	width: 100%!important;
	height: 100%!important;
	vertical-align: middle;
	text-align: center;
}

#onwork_long,
#onwork{
	display:none;
	vertical-align:middle;
	z-index:9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
	position:fixed;
	font-size:2em;
	top:0px;
	bottom:0px;
	width:100%;
	min-height:100%;
	height:100%;
	padding:2%;
	padding-top:15%;
	text-align:center;
	background-color:rgba(0,0,0,0.5);
}
#onworkblack{
	display:none;
	vertical-align:middle;
	z-index:9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
	position:fixed;
	font-size:2em;
	top:0px;
	bottom:0px;
	width:100%;
	min-height:100%;
	height:100%;
	padding:2%;
	padding-top:15%;
	text-align:center;
	background-color:rgba(0,0,0,0.9);
}

#feedback_popup,
#feedback{
	display:none;
	vertical-align:middle;
	z-index:9999999999999999999999999999999999999999999999999999999999;
	position:fixed;
	font-size:2em;
	line-height: 1.2em;

	top:5%;
	width:100%;
	min-height:80%;
	max-height:80%;
	padding:2%;
	padding-top:5%;
	text-align:center;
	background-color: var(--color-sehrdunkel-90);
	border:6px solid rgba(225,200,5,0.5);
	overflow: hidden;
	overflow-y: auto;
}



.buttonreadin,
#buttonreadin{
	margin-bottom:20px;
	padding:10px!important;
}
.buttonreadin_red{
	background-color:rgba(255,51,51,0.5)!important;
}
.buttonreadin_red:hover{
	background-color:rgba(255,51,51,0.8)!important;
}
.buttonreadin_orange{
	background-color:rgba(218,112,27,0.5)!important;
}
.buttonreadin_orange:hover{
	background-color:rgba(218,112,27,0.8)!important;
}
.buttonreadin_blue{
	background-color:rgba(6, 158, 239, 0.5)!important;
}
.buttonreadin_blue:hover{
	background-color:rgba(63, 115, 143, 0.5)!important;
}



.buttonreadinBIG{
	height:20vh!important;
}

.buttonreadinsmalwidth{
	width:33.2%!important;
	min-width:33.2%!important;
	max-width:33.2%!important;
}

@media screen and (max-width: 1024px) {
	.buttonreadinsmalwidth{
		width:49%!important;
		min-width:49%!important;
		max-width:49%!important;
		margin-right: 1%!important;
	}
}
@media screen and (max-width: 700px) {
	.buttonreadinsmalwidth{
		width:100%!important;
		min-width:100%!important;
		max-width:100%!important;
		margin-right: 0 !important;
	}
}






legend{
	font-weight:bold;
	font-size:1.2em;
	color:var(--color-text-default);
}
label{
	margin:10px 0px 20px 0px;
	display:block;
	border-bottom:1px solid var(--color-kontrast1);
}


.settings{
	width:100%;
	height:300px;
	overflow-y:scroll;
	display:inline-block;
	white-space: pre;	
}



.setuplimit{
	width:100%;
	height:100px;
	overflow-y:scroll;
	display:inline-block;
	white-space: pre;
}
.setuplimit ul{
	padding:0px;
	margin:0px;
	list-style-type: none;
}
.setuplimit ul li{
	padding:5px 0px;
}
.setuplimit ul li:hover{
	background-color:rgba(255,255,255,0.1);
}

.cron_weeks{
	border:0px;
	border: none;
	padding:0px;
	margin:0px;
}
.cron_weeks td{
	border: none;
	padding:20px;
	margin:0px!important;
	background-color:rgba(255,255,255,0.2);
	text-align: center;
	cursor:pointer;
}
.cron_weeks td:hover{
	background-color:rgba(255,255,255,0.5);
}
.cron_weeks td.active{
	background-color:var(--color-sehrdunkel-50);

	background-color:rgba(220,102,15,0.5);
}





#linksdef div.resl{
	position:relative;
	padding:0px;
	padding-bottom:0px;
	margin-bottom:10px;
	border-bottom:1px solid #fff;
}
#linksdef div.resl:hover{
	background-color:rgba(255,255,255,0.1);
}
#linksdef div strong{
	color:var(--color-kontrast1);
}
#linksdef div span{
	font-size:0.7em;
	font-style:italic;
}
#linksdef div span.error{
	font-size:0.8em;
	font-style:italic;
	color:var(--color-warn);
	text-decoration:line-through;
}

#sitedef div.updown,
#linksdef div.updown{
	position:absolute;
	top:0px;
	right:0px;
	height:100%;
	width:50px;
	cursor:pointer;
	
	background-image:url('/src/img/incon_down.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:90%;
}

#sitedef div.updown1,
#linksdef div.updown1{
	right:0px;
}

#sitedef div.updown2,
#linksdef div.updown2{
	background-image:url('/src/img/incon_up.png');
	right:50px;
}

#sitedef div.updown2.open,
#linksdef div.updown2.open{
	background-image:url('/src/img/incon_down.png');
	right:50px;
}



#sitedef div.updown3,
#linksdef div.updown3{
	background-image:url('/src/img/incon_up.png');
	right:0px;
}



#sitedef div.updownactive,
#linksdef div.updownactive{
	background-image:url('/src/img/incon_up.png');
}


#sitedef .hidendata,
#linksdef .hidendata{
	display:none;
}




#linksdef div.del2,
#linksdef div.del{
	display:inline-block;
	font-size:1.5em;
	color:rgba(225,200,5,1);
	cursor:pointer;
}
#linksdef div.del2:hover,
#linksdef div.del:hover{
	color:rgba(153,10,10,0.8);
}

.outsetresl div.copy,
.legend .button,	
.sitelist .l2 .copy,
#linksdef div.copy{
	display:inline-block;
	color:var(--color-text-default);
	border-bottom:none;
	
	height: auto;
	
	padding:0px;
	padding:3px 10px;
	
	margin:5px 5px 5px 0px;
	
	
	cursor:pointer;
	
	font-size:0.9em;
	font-weight:normal;
	
	background-color:var(--color-hauptfarbe);
	
	
	
	/**
	border:0px solid var(--color-trenner-rahmen-50);
	**/

	-webkit-border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;
	
	
	opacity: 0.80;
	filter:"alpha(opacity=80)";
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	-moz-opacity: 0.80;
	-khtml-opacity: 0.80;
}
.legend .button,
.outsetresl div.copy:hover,
.sitelist .l2 .copy:hover,
#linksdef div.copy:hover{
	/**
	border:1px solid var(--color-sehrdunkel-80);
	**/

	background-color:var(--color-halfwarn);


	opacity: 0.90;
	filter:"alpha(opacity=90)";
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	-moz-opacity: 0.90;
	-khtml-opacity: 0.90;
}
@media screen and (max-width: 800px) {
	.outsetresl div.copy,
	.legend .button,	
	.sitelist .l2 .copy,
	#linksdef div.copy{
		padding:3px 3px;
	}
}

.newread,
.showwhat,
.showwhatonly,
.secure,
.candownload,
.canshare,
.displayview,
.linktogo{
	margin-left:8px;
	cursor:pointer;
	width:30px;
	height:auto;
}
.displayview{
	width:25px;
}


.linktogo{
	vertical-align:middle;
}


.safeimage{
	cursor:pointer;
	margin-left:1px;
	width:16px;
	height:auto;
}

.displaychangeforuser,
.newread,
.showinfos,
.freeze,
.orderstrict,
.ordergroupe,
.virtverz,
.notes,
.downdate{
	margin-left:10px;
	cursor:pointer;
	height:25px;
	width:auto;
}

/**
.displaychangeforuser[src='/src/img/display_change_r.png'],
**/
.notes[src='/src/img/notes_w.png'],
.showwhatonly[src='/src/img/filter_w.png'],
.downdate[src='/src/img/down_w.png'],	
.ordergroupe[src='/src/img/alpha_norm.png'],
.orderstrict[src='/src/img/by_dir_w.png']{
	opacity: 0.40;
	filter:"alpha(opacity=40)";
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	-moz-opacity: 0.40;
	-khtml-opacity: 0.40;
}

.displaychangeforuser:hover,
.linktogo:hover{
	opacity: 0.90;
	filter:"alpha(opacity=90)";
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	-moz-opacity: 0.90;
	-khtml-opacity: 0.90;
}


.weblink{
	background-image:url('/src/img/weblink2.png');
	background-repeat:no-repeat;
	background-position:top 36px center;
	background-size:44px;
	
	-webkit-transition:all 0.6s;
	-moz-transition:all 0.6s;
	-o-transition:all 0.6s;
	transition:all 0.6s;
}
@media screen and (max-width: 1424px) {
	.weblink{
		background-position:top 40px center;
	}
}
@media screen and (max-width: 800px) {
	.weblink{
		background-position:top 10px center;
		background-size:24px;
	}
}


.schalter{
	margin-top:10px;
	width:90px;
	height:auto;
	cursor:pointer;
}


#linksdef .dattitle{
	float:left;
	margin-top:1px;
}
	
#linksdef .dat{
	margin-left:30px;
	margin-bottom:1px;
	min-width:25%;
}

.datflo{
	display:inline-block;
}

.datflohid2{
	width:45%;
}

.onlymobile{
	display:block;	
}

@media screen and (max-width: 1424px) {
	.candownload,
	.canshare,
	.displayview,
	.secure,
	.schalter{
		margin-left:10px;	
	}
	.notmobile{
		display:none;	
	}
	.onlymobile{
		display:none;	
	}
	#linksdef .dat1{
		width:100%;
		margin-top:10px;
	}
	#linksdef .dat{
		margin-bottom:5px;
	}
	.datflo{
		width:95%;
		margin-left:0px!important;	
	}
	.datflohid1{
		width:45%;
	}
	.datflohid2{
		width:45%;
	}
	.datpadder{
		margin-top:10px;
	}
}

@media screen and (max-width: 1024px) {
	#linksdef .dat{
		margin-bottom:10px;
	}
	.datflo,
	.datflohid1,
	.datflohid2{
		width:100%;
	}
}

@media screen and (max-width: 700px) {
	.showwhatonly,
	.showwhat{
		width:35px;
	}
	.candownload,
	.canshare,
	.secure{
		width:33px;
	}
	.newread,
	.showinfos,
	.orderstrict,
	.ordergroupe,
	.virtverz{
		height:27px;
		width:auto!important;
	}
	
	.schalter{
		width:60px;
	}

	#linksdef .dat{
		margin-bottom:20px;
	}
}


#addtrenner,
#addnewgroupe,
#addlink{
	position:fixed;
	z-index:999999999999999999999999999999999999999;
	
	cursor:pointer;
	color:#fff;
	font-size:30px;
	
	background-color:var(--color-hauptfarbe);
	width:40px;
	height:40px;
	line-height:35px;
	text-align:center;
	
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	
	left:5px;
	top:70px;
	overflow: hidden;	
}
#gototop:hover,
#addtrenner:hover,
#addnewgroupe:hover,
#addlink:hover{
	background-color:rgba(77,207,20,1);
}















#adds{
	position:fixed;
	z-index:9999999;
	
	right:0px;
	top:45px;

	width:100%;
	max-width:100%;
	min-width:100%;
	height:37px;
	line-height:35px;
	text-align:right;
	float: right;

	display: inline-block;
}
/** zusatz wenn keine header da ist **/
body.hide #adds{
	top:0px;
}

#viewinfosimages{
	float:right;
	background-color: var(--color-hauptfarbe);
	width:140px;
	height:37px;
	line-height:35px;
	text-align:center;
	margin-left:5px;
}





#viewdownloadicon{
	cursor: pointer;
	float:right;

	background-color: var(--color-hauptfarbe);
	width:40px;
	height:37px;
	line-height:35px;
	text-align:center;
	
	background-image:url('/src/img/down_w.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 26px;

	margin-left:5px;
}
#viewdownloadicon:hover{
	background-image:url('/src/img/down_b.png');
}
















#resultsorderby{
	cursor: pointer;
	float:right;

	z-index:9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
	
	background-color: var(--color-hauptfarbe);
	min-width: 45px;
	max-width:130px;
	text-align:left;
	/**
	background-image:url('/src/img/dropdown.png');
	background-repeat:no-repeat;
	background-position:top+7px center;
	background-size:20px;
	**/
	white-space: nowrap;
	overflow: hidden;

	margin-left:5px;
}

#displayviews{
	z-index:99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
}
#displayviews ul,
#resultsorderby ul{

	background-color: var(--color-button_default_color);

	z-index:99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
	display: none;
	margin: 0px;
	padding: 0px;
	list-style: none;
	width:130px;
	margin-top:37px;
}
#displayviews ul{
	padding-top:2px;
}
#resultsorderby div{
	padding: 0px 5px;
	height: 37px;
	line-height: 37px;
	font-size: 30px;
	font-weight: bold;
	font-style: normal;
	text-align: center;	
}
#resultsorderby div.active{
	color: var(--color-immerrot);
}


#displayviews ul li, 
#resultsorderby ul li{
	position: relative;
	cursor: pointer;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	width: 100%;
	padding: 6px 5px;
	line-height:20px!important;
}
#displayviews ul li:last-child,
#resultsorderby ul li:last-child{
	border-bottom:none;
}

#resultsorderby ul li.active{
	color: var(--color-immerrot);
}

#displayviews ul li.active,
#displayviews ul li:hover,
#resultsorderby ul li:hover{
	background-color: var(--color-hauptfarbe);
	color: var(--color-immerrot);
}

#resultsorderby ul li div{
	position: absolute;
	top:0px;
	right:5px;
}

#displayviews ul li.active{
	background-color: var(--color-trenner-rahmen)!important;
	color: var(--color-sehrdunkel-90);
}





















.overlay{
	position:absolute;
	z-index:9999999999;
	
}


#showimage{
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	line-height:500px;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color: var(--color-hauptfarbe);
	z-index:99999999999999;
	text-align:center;
	vertical-align:middle;
}

#showimage img{
	max-height:90%;
	max-width:90%;
	
	position:absolute;
	top: 50%;
	left:50%;
	
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}







#result{
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

	position:relative;
	
	width:100%;

	display:inline-block;

	margin:0 auto;

	margin-top:25px;
}

#result a{
	display:block;
	text-decoration: none;
	background-color: var(--color-sehrdunkel-20);
	
	padding:0px;
	margin:0px;
	
	padding-bottom: 110%;
}
#result a:not(.videodiv):hover{
	text-decoration: none;
}

#result a div{
	padding:15px 65px 0px 65px;
	font-size: 1.1em;
	overflow:hidden;
}
#result a div.ext{
	overflow: visible;
	position: absolute;
	z-index: 999999999999999;
	padding:0px;
	top:-10px;
	left:0px;
	bottom:0px;
	width: 50px;
	height: 100%;
	line-height: 12vw;
	text-align: left!important;
	color:rgba(255,255,255,0.3);
	font-size: 1em;
}



#result .smalvideo div.ext,
#result a div.ext strong{
	color:#fff;
	font-size: 1.3em;
	font-style: normal;
	line-height: 2em;
	margin-bottom: 10px;
	text-shadow: 2px 2px 2px black;	
}


#result .smalvideo div.ext{
	color:#fff!important;
	overflow: visible;
	position: absolute;
	z-index: 999999999999999;
	padding:0px;
	left:2px;
	bottom:0px;
	width: 90px;
	font-size: 12px!important;
	line-height: 12px!important;
	text-align: left!important;
	color:rgba(255,255,255,0.3);
	text-shadow:none!important;
	
	
}
#result .smalvideo .startfilesize{
	padding-top:5px;
	padding-right:6px;
	
	width:100%;
	max-width:100%;
	max-height:100%;
	font-style: italic;
	text-shadow:none!important;
	font-size: 0.8em;
	color:rgba(255,255,255,0.3);
}








@media screen and (max-width: 650px) {
	#result a div.ext{
		line-height: 20vw;
	}
}
#result a div.fsize{
	position: absolute;
	padding:0px;
	left:2px;
	bottom:2px;
	width: 50px;
	line-height: 1.2em;
	text-align: left;
	font-size: 0.6em;
	font-style: italic;
}





#result div div a img{
	display: none;
	top:0px!important;
	position:absolute;
	width:50px!important;
	height:	50px!important;
	
	opacity: 0.20;
	filter:"alpha(opacity=20)";
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	-moz-opacity: 0.20;
	-khtml-opacity: 0.20;
}



#result .im.audio{
	text-align: center;
	position: relative;
	
	background-image:url('/src/img/audio_bw.png')!important;
	background-repeat:no-repeat!important;
	background-position:center center!important;
	background-size: 30px!important;
	
	background-color: var(--color-sehrdunkel-20)!important;
}
#result .im.audio:hover{
	opacity: 0.60;
	filter:"alpha(opacity=60)";
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	-moz-opacity: 0.60;
	-khtml-opacity: 0.60;
}

#result .im.audioplay{
	background-image:none!important;
}

#result audio{
	margin-top:10px;
	text-align: center;
	width: 100%;
}


#result .supermovie{
	
	position:absolute;
	z-index: 99999;
	width: 100%;
	height: 100%;
	
	
	text-align: center;
	
	background-image:url('/src/img/movie_w.png')!important;
	background-repeat:no-repeat!important;
	background-position:left+2px bottom+35px !important;
	background-size: 20px!important;
	
}

#result .supermovie:hover{
	background-image:url('/src/img/movie_wb.png')!important;
}


#result .videodiv,
#result video{
	
	
	position:absolute;
	object-fit: contain!important;
	
	
	z-index:1;
	display:block;
	text-align:center;
	
	margin:0px auto;
	
	
	width:100%!important;
	height:100%!important;
	max-width:100%;
	max-height:100%;
	
	background-color:var(--color-sehrdunkel-50);
}



#result .videodiv{
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 100% 100%!important;
}
#result .smalvideo .videodiv{
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 100%!important;
}

#result .videodiv .start{
	position: relative;
	background-image:url('/src/img/play_w.png');
	background-repeat:no-repeat;
	background-position:center center!important;
	background-size: 60px;
	
	width:100%!important;
	height:100%;
	max-width:100%;
	max-height:100%;
}

#result .originalmovie{
	position: relative;
	top:50px;
	left:0px;
	z-index: 9999999999999999999999999999999999999999999999999999999999999999999999999999;
	width: 50px;
	height: 50px;
	
	background-image:url('/src/img/open_new_win_w.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:32px;
	
	opacity: 0.40;
	filter:"alpha(opacity=40)";
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	-moz-opacity: 0.40;
	-khtml-opacity: 0.40;
}
#result .originalmovie:hover{
	opacity: 0.90;
	filter:"alpha(opacity=90)";
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	-moz-opacity: 0.90;
	-khtml-opacity: 0.90;
}




#result .startmoviesize{
	z-index: 9999999999999999999999999999999999999999999999999999999999999999999999999999;
	text-align:left;
	position: absolute;
	bottom:45px;
	font-size: 0.8em;
	color:rgba(177,172,172,1);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5)!important;
	font-style: italic;
}

#result .startfilesize{
	
	padding-top:5px;
	padding-right:6px;
	
	
	width:100%;
	max-width:100%;
	max-height:100%;
	
	font-style: italic;
	
	text-shadow: 2px 2px 1px rgba(0,0,0,0.9);
	font-size: 0.8em;
}





#result .imendload{
	background-image:none!important;
	background-repeat:no-repeat;
	background-position:center center;
}





.hr_vis{
	clear:both;	
	margin-bottom:20px;
}


.movietitle{
	position: absolute;
	top:90px;
	z-index: 99999999;
	width: 100%;
	font-size: 2em;
	line-height: 1.2em;
	text-shadow: 3px 3px 2px black;
}

.smalvideo .movietitle{
	position: absolute;
	top:40%;
	z-index: 999;
	width: 100%;
	font-size: 1.2em;
	line-height: 1.2em;
	text-shadow: 3px 3px 2px black;
	
	padding:0px 0px 0px 40px;
}


#result .im{
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	
	cursor:pointer;
	position: relative;
	text-align:center;
	display:inline-block;
	
	background-color:rgba(255,255,255,0.1);
	
	padding:0;
	margin:0;

	margin-right:0.8vw;
	margin-bottom:0.8vw;
	
	overflow:hidden;


	/**
	background-image:url('/src/img/ajax-loader2016.gif');
	background-repeat:no-repeat;
	background-position:center center;
	**/

	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;

}


#result .im:hover{
	background-color:rgba(255,255,255,0);
	
	opacity: 0.90;
	filter:"alpha(opacity=90)";
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	-moz-opacity: 0.90;
	-khtml-opacity: 0.90;
}

#result .im:hover.bigsize{
	opacity: 0.99;
	filter:"alpha(opacity=99)";
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
	-moz-opacity: 0.99;
	-khtml-opacity: 0.99;

}




















/**
Faktor zum rechnen
1.4121
**/

#result .imL{
	width: 33vw;
	min-width: 33%;
    max-width: 33%;
	height: 23.4vw;
}
#result .imL_inn{
	width: 100%;
	height: 23.4vw;
}



#result .imP{
	width: 24.1vw;
	min-width: 24.1%;
    max-width: 24.1%;
	height: 34.5vw;
}


#result .imP_inn{
	width: 100%;
	height: 34.5vw;
}

#result .imQ{
	width: 33vw;
	min-width: 33%;
    max-width: 33%;
	height: 33vw;
}
#result .imQ_inn{
	width: 100%;
	height: 33vw;
}

#result .im.imLINK{
	background:none;
	background-repeat:no-repeat;
	background-position:center center;

}

#result .imLINK_inn{
	width: 100%;
	height: 7vw;
}

#result .audio .text,
#result .imLINK .text{
	position: relative;
	color:#fff;
	margin-top:-10px;
	max-height: 90%;
	overflow: hidden;
}
#result .audio .text{
	margin-top:30px;
}

#result .imLINK.infofiles{
	text-align:left;
	background-color: var(--color-sehrdunkel-90);
	
	width: 24.1vw;
	min-width: 24.1%;
    max-width: 24.1%;
	height: 18vw;
	cursor: no-drop;
}
#result .imLINK.infofiles .virttext{
	position:relative;
	margin:0px;
	padding:10px 10px;
	
	width:100%;
	
	font-size:1.5em;
	line-height:1.5em;
	
	height:18vw;
	max-height:17.5vw;

	
	overflow-x:auto;
	color: var(--color-kontrast1);
	
	
	display: flex;
	justify-content: left;
	align-items: center;
	vertical-align:middle;


}

#result .imLINK.infofiles .virttext.rtf,
#result .imLINK.infofiles .virttext.worth,
#result .imLINK.infofiles .virttext.wortb,
#result .imLINK.infofiles .virttext.wort{
	font-size:2em;
	line-height:2em;
	vertical-align:middle;	
}

#result .imLINK.infofiles .virttext.zeileh,
#result .imLINK.infofiles .virttext.zeileb,
#result .imLINK.infofiles .virttext.zeile{
	font-size:1.5em;
	line-height:1.5em;
}

#result .imLINK.infofiles .virttext.texth,
#result .imLINK.infofiles .virttext.textb,
#result .imLINK.infofiles .virttext.text{
	font-size:1.1em;
	line-height:1.5em;
	overflow:scroll;
	overflow-x:auto;
	align-items: stretch;
}


	
@media screen and (max-width: 1424px) {
	#result .imL{
		width: 49vw;
		min-width: 49%;
		max-width: 49%;
		height: 34.7vw;
	}
	#result .imL_inn{
		height: 34.7vw;
	}
	
	#result .imP{
		width: 33vw;
		min-width: 33%;
		max-width: 33%;
		height: 46.4vw;
	}
	#result .imP_inn{
		height: 46.4vw;
	}
	
	#result .imQ{
		width: 49vw;
		min-width: 49%;
		max-width: 49%;
		height: 49.5vw;
	}
	#result .imQ_inn{
		height: 49.5vw;
	}
	
	#result .smalvideo,
	#result .imLINK{
		width: 49vw;
		min-width: 49%;
		max-width: 49%;
		height: 10vw;
	}
	#result .imLINK_inn{
		height: 10vw;
	}
	
	#result .imLINK .text{
		font-size: 0.95em;
	}
	
	#result .imLINK.infofiles{
		width: 49vw;
		min-width: 49%;
		max-width: 49%;
	}

}


@media screen and (max-width: 900px) {
	#result .smalvideo,
	#result .imLINK.infofiles,
	#result .imLINK{
		width: 100vw;
		min-width: 100%;
		max-width: 100%;
		
		height: auto;
		max-height: 35vw;
	}
	
	
	#result .imLINK.infofiles{
		height: 30vw;
	}
}






#result .infofiles23{
	clear: both;
	
	margin:0px!important;
	padding:5px 0px!important;
	padding-top:20px!important;
	padding-bottom:20px!important;
	
	
	
	font-size: 1.2em!important;
	line-height: 30px!important;
	
	height: auto!important;
	min-height: 80px!important;
	max-height:450px!important;
	
	
	width: 99.5vw!important;
	min-width: 99.5%!important;
	max-width: 99.5%!important;
	
	
	margin-top: 80px!important;
	margin-bottom:5px!important;
	
	background-color: var(--color-hauptfarbe);
	
	font-weight: bold;
	vertical-align: middle!important;
	
	overflow: hidden;
}
@media screen and (max-width: 700px) {
	#result .infofiles23{
		font-size: 1.05em!important;
		line-height: 28px!important;
	}
}







#result.ordern .imP,
#result.ordern .imQ,
#result.ordern .imL{
	width: 24.1vw;
	min-width: 24.1%;
    max-width: 24.1%;
	height: 34.5vw;
}
#result.ordern .imP_inn,
#result.ordern .imQ_inn,
#result.ordern .imL_inn{
	height: 34.5vw;
}
#result.ordern .imL{
	height: 17.5vw;
}
#result.ordern .imL_inn{
	height: 17.5vw;
}
#result.ordern .imQ{
	height: 24.7vw;
}
#result.ordern .imQ_inn{
	height: 24.7vw;
}




@media screen and (max-width: 1024px) {
	#result .im{
		margin-right:1%;
		margin-bottom:1vw;
	}
	
	#result .imL{
		width: 99vw;
		min-width: 99%;
		max-width: 99%;
		height: 70.2vw;
	}
	#result .imL_inn{
		height: 70.2vw;
	}
	
	
	#result .imP{
		width: 49vw;
		min-width: 49%;
		max-width: 49%;
		height: 63vw;
	}
	#result .imP_inn{
		height: 63vw;
	}
	
	
	#result.ordern .imP,
	#result.ordern .imQ,
	#result.ordern .imL{
		width: 49vw;
		min-width: 49%;
		max-width: 49%;
		height: 63vw;
	}
	#result.ordern .imQ_inn{
		height: 63vw;
	}
	
	
	
	
	#result.ordern .imL{
		height: 34.7vw;
	}
	#result.ordern .imL_inn{
		height: 34.7vw;
	}
	
	#result.ordern .imQ{
		height: 49vw;
	}
	#result.ordern .imQ_inn{
		height: 49vw;
	}
}







#result .im.smalvideo,
#result .smalvideo,
#result .imLINK{
	width: 24.1vw;
	min-width: 24.1%;
    max-width: 24.1%;
	height: 7vw;
}



/**
neuer modus
**/
#result .MODE_list,
#result .im.MODE_list{
	width: 15.1vw;
	min-width: 15.1%;
    max-width: 25.1%;
	height: 120px;
/**
	-webkit-transition: all 1.1s;
	-moz-transition: all 1.1s;
	-o-transition: all 1.1s;
	transition: all 1.1s;
	**/
}	

#result .MODE_list .videodiv{
	background-image:url('/src/img/movie_wb.png');
	background-repeat:no-repeat;
	background-position:center - 140px center;
	background-size:42px!important;
}

#result .MODE_list .displayfiletypelist{
	position:absolute;
	text-align: left;

	font-size: 0.7em;
	line-height: 1.2em;
	font-weight: normal;
	font-style: italic;
	color:rgba(255,255,255,0.5);
	
	bottom:0!important;
	left:0px;
	padding: 5px 5px;
	z-index: 99999999999999999999999999999999999999999999999999999;
}





@media screen and (max-width: 1224px) {
	#result .MODE_list{
		width: 24vw!important;
		min-width: 24%!important;
		max-width: 24%!important;
	}
}

@media screen and (max-width: 900px) {
	#result .MODE_list{
		width: 32vw!important;
		min-width: 32%!important;
		max-width: 32%!important;
	}
}
@media screen and (max-width: 650px) {
	#result .MODE_list{
		width: 49vw!important;
		min-width: 49%!important;
		max-width: 49%!important;
	}
}





#result .MODE_list.bigsize:not(.pdf),
#result .imL.bigsize:not(.pdf){
	width: 99vw;
	min-width: 99%;
	max-width: 99%;
	height: 70.2vw;
	max-height: 85vh;
	
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
}

#result .imL_inn.bigsize:not(.pdf){
	height: 70.2vw;
	max-height: 85vh;
}

#result .imP.bigsize:not(.pdf){
	width: 99vw;
	min-width: 99%;
	max-width: 99%;
	height: 139.3vw;
	max-height: 85vh;
	
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
}
#result .imP_inn.bigsize:not(.pdf){
	height: 139.3vw;
	max-height: 85vh;
}

#result .imQ.bigsize:not(.pdf){
	width: 99vw;
	min-width: 99%;
	max-width: 99%;
	height: 99vw;
	max-height: 85vh;
	
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
}
#result .imQ_inn.bigsize:not(.pdf){
	height: 99vw;
	max-height: 85vh;
}


#result .imLINK.bigsize.infofiles:not(.pdf){
	height: 39vw;
	max-height:37.5vw;
}
#result .imLINK.bigsize.infofiles .virttext:not(.pdf){
	height: 39vw;
	max-height:37.5vw;
}

#result .bigsize .fotoinfo{
	display: none;
}


@media screen and (max-width: 1024px) {
	#result .imLINK.bigsize.infofiles:not(.pdf){
		height: 45vw;
		max-height:44.5vw;
	}
	
	#result .imLINK.bigsize.infofiles:not(.pdf){
		height: 45vw;
		max-height:44.5vw;
	}
	#result .imLINK.bigsize.infofiles .virttext:not(.pdf){
		height: 45vw;
		max-height:44.5vw;
	}
}



#result.fileeinzeiln .bigsize{
	width: 100vw;
	min-width: 100%;
	max-width: 100%;
	height: 100vw;
	max-height: 100vh;
	cursor:inherit;

	padding:0px;
	margin:0px;
}












.im:after,
.im::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}



#result .im .info,
#result .im img{
	position:absolute;
	object-fit: contain!important;
	
	height: 100%;
	width: 100%;
	text-align:center;
	top:0;
	left:0;
}

#result .im.MODE_list img{
	object-fit: cover!important;
}
#result .im.MODE_list.bigsize:not(.pdf),
#result .im.MODE_list.bigsize:not(.pdf) img{
	object-fit: contain!important;
	
	width: 99vw!important;
	min-width: 99%!important;
	max-width: 99%!important;
	height: 70.2vw;
	max-height: 85vh;
}




#result .im .text_nofilename{
	display: flex;
	justify-content: center;
	align-items: center;
	height:100%;

	position: absolute;
	margin: 0 auto;
	left:60px;
	right:60px; 
	font-size: 0.7em;
	line-height: 0.9em;
	font-weight: normal;
	font-style: italic;
	overflow: hidden;
}




#result .editfoto{
	cursor:help;
	z-index:9999999999999999999999999999999999999999999999999999;
	position:absolute;
	top:0px;
	left:0px;
	
	width:46px;
	height:46px;
	
	background-color:rgba(255,255,255,0.1);
	
	background-image:url('/src/img/admin.png');
	background-repeat:no-repeat;
	background-position:center center;
}
#result .editfoto:hover{
	background-color:rgba(0,0,0,0.8);
}

#result .imginfoseinz{
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	
	
	cursor:cursor;
	z-index:9999999999999999999999999999999999999999999999999999;
	position:absolute;
	top:0px;

	left: 50%;
    transform: translate(-50%, 0);
	
	
	width:20px;
	height:20px;
	font-size:10px;
	line-height: 20px;
	
	background-color:rgba(0,0,0,0.4);
	
	border:1px solid rgba(255,255,255,0.4);
	color:rgba(255,255,255,0.4);
}
#result .imginfoseinz:hover{
	background-color:rgba(0,0,0,0.5);
	
	border:1px solid rgba(255,255,255,0.9);
	color:rgba(255,255,255,1);
}







#result .editinfos{
	display:none;
	cursor:pointer;
	z-index:9999999999999999999999999999999999;
	position:absolute;
	top:0px;
	left:50px;
	
	width:150px;
	
	
	padding:0px;
	margin:0px;
	
	font-size:1em;
	line-height:1em;
	
	background-color: var(--color-sehrdunkel-90);
	border:1px solid #000;
}
#result .editinfos span{
	width:100%;
	display:block;
	padding:7px 3px;
	
}
#result .editinfos span:hover{
	background-color: var(--color-hauptfarbe);
	color:#FF0000;
}











#result .selmul{
	display:none;
	position:absolute;
	z-index:99999999;
	top:5px;
	left:5px;
}

#result .shareicon{
	position:absolute;
	z-index:9999999999999999;
	top:5px;
	right:5px;
	
	background-image:url('/src/img/share_w_b.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100%;
	
	width:46px;
	height:46px;
}





#result .shareicon:hover{
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	transform: rotate(10deg);
	
	background-size:80%;
}






#dialog{
	display:none;
}

#dialogwork{
	display:none;
	position:fixed;
	z-index:9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
	top:0;
	left:0;
	right:0;
	bottom:0;
	
	width:100%;
	height:100%;
	
	text-align:center;
	overflow: hidden;
	
	background-color:var(--color-sehrdunkel-80);
	/**
	background-image:url('/src/img/ajax-loader2016.gif');
	background-repeat:no-repeat;
	background-position:center center;
	**/
}


#dialogwork ul{
	margin: 0 auto;
	display: flex;
	vertical-align: middle;
	gap: 1rem;
	list-style: none;
	margin-top: 20vh;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
#dialogwork ul li{
	width: 40px;
	height: 40px;
	background:var(--color);
	border-radius: 50%;
	
	margin-right: 40px;
	
	animation: grow 1.6s ease-in-out infinite;
	animation-delay: var(--delay);
	box-shadow: 0 0 50px var(--color);
}
@keyframes grow{
	0%,
	40%,
	100%{
		transform: scale(0.2);
	}
	20% {
		transform: scale(1);
	}
}




.restemp{
	border:2px solid #ff0000;
	
}






.fotoinfo{
	font-size:1em;
	line-height:1.2em;
	position:absolute;
	
	
	width:100%;
	height:25px;
	padding:1px;
	text-align: center;
	
	
	top:0px;

	color:rgba(0,0,0,1);
	background-color:rgba(255,255,255,1);
	
	/**
	color:rgba(255,255,255,0.5);
	background-color:rgba(85,85,85,1);
	**/
	z-index:999999999;
	overflow:hidden;
	
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.fotoinfo:hover{
	height:80px;
	color:rgba(255,255,255,1);
	background-color:rgba(85,85,85,0.95);
}
.fotoinfo div{
	font-size:0.8em;
	font-style:italic;
	color:rgba(225,200,5,1);
	text-align: center;
}

.fotoinfo span{
	color:#0C3;
}

.fotoinfospez{
	text-align:center;
	padding-top:3px;
	padding-left:10px;
}



.onlyfrontenduser{
	font-size:1.2em;
	line-height:1.3em;
	height:29px;
}



.infosbig{
	position:absolute;
	width:100%;
	height:50px;
	line-height:35px;
	
	bottom:0px;

	background-color:rgba(0,0,0,10.8);
	z-index:9999999;
}



#content .buttonssys{
	cursor:pointer;
	display:inline-block;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	
	padding:0px;
	padding:6px 10px;
	
	margin:15px 0px 5px 0px;
	
	min-height:25px;
	height:auto;
	
	color:#000;
	
	
	width:19.5%;	


	font-size:1em!important;
	
	text-align:center;

	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: 1224px) {
	#content .buttonssys{
		width:19%;
	}
}
@media screen and (max-width: 700px) {
	#content .buttonssys{
		width:19%;
	}
}
#content .buttonssys.active,
#content .buttonssys:hover{
	color:#fff;
	background-color:var(--color-sehrdunkel-50);

	



	border:1px solid var(--color-sehrdunkel-80);
	
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}



#infos{
	position:relative;
}

#infos div:not(#loadingstat){
	display:inline-block;
	border:1px solid rgba(255,255,255,0.3);	
	padding:3px 5px;
	
	-webkit-border-radius:5px;
	border-radius:5px;
	margin:0px 5px 5px 0px;
	overflow:hidden;
	max-width:100%;
}

#infos div:hover:not(#loadingstat div){
	background-color:rgba(255,255,255,0.2);	
}

#infos .exklud{
	background-color:rgba(255,0,0,0.5);	
}




.errorimg{
	width: 50px!important;
	height: 50px!important;
	margin:0 auto;
	text-align:center;
}


#content{
	width:100%;
	padding:20px 0px;
	padding-top:40px;
	margin-top:20px;
	position:relative;
	height: 100%;
}
@media screen and (max-width: 700px) {
	#content{
		padding:5px 0px;
		padding-top:40px;
	}
}
/** zusatz, wenn head hide ist **/
body.hide #content{
	padding-top:0px!important;
	margin-top:0px!important;
}




#subcontent{
	margin-top:15px;
}


#content img.load{
	margin-left:48%;
	margin-top:60px;
	height:auto;
}
#content #search_n3,
#content #search,
#content #search_new{
	text-align:center;
	padding:20px;
}
#content #search div:not(.suchwurmwo, .suchwurmwo div){
	display:inline-block;
	text-align:left;
	margin:10px 0px;
}
#content #loginUser,
#content #login{
	text-align:center;
	margin-top:50px;
}





#head{
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	
	position:fixed;
	padding:0px;
	margin:0px;
	width:100%;
	height:50px;
	line-height:50px;
	font-size:1.5em;
	text-align:center;
	
	margin-top:-25px;
	overflow:hidden;
	z-index:999999999999999999999;


	background-color:var(--color-sehrdunkel);
}
body.hide #head{
	display: none;
}




#head #title2{
	cursor:pointer;
	position:absolute;
	width:100%;
	z-index:1;
	color:rgba(255,255,255,0.89);
}


#head .addtxticon{
	
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	
	text-align: center;
	position:absolute;
	display:block;
	width:100vw;
	max-width:100vw;
	height:100%;
	
	padding-left:0px;
	padding-right:140px;
}

@media screen and (max-width: 700px) {
	#head .addtxticon{
		padding-right:70px;
	}
}


#head .addtxticon .ico{
	overflow: hidden;
	
	height:100%;
	line-height: 50px;
	
	font-size: 0.75em;
	float: left;
	cursor: pointer;
	width: 30%;
	min-width: 30%;
	padding:0px 0px;
	margin:2px 0px;
	/** nur zum abdunkeln **/
	background-color: rgba(0,0,0,0.2);
}
#head .addtxticon .ico.aktiv,
#head .addtxticon .ico:hover{
	/** nur zum abdunkeln **/
	background-color: rgba(0,0,0,0.6);
}




#head #ico{
	cursor:pointer;
	right:50px;
	top:0px;
	position:absolute;
	z-index: 9999999999999999;
	width:50px;
	height:50px;
	z-index:1;	
	background-image:url('/src/img/admin.png');
	background-repeat:no-repeat;
	background-position:center center;
	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	
	opacity: 0.70;
	filter:"alpha(opacity=70)";
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	-moz-opacity: 0.70;
	-khtml-opacity: 0.70;
}
#head #ico:hover{
	opacity: 0.40;
	filter:"alpha(opacity=40)";
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	-moz-opacity: 0.40;
	-khtml-opacity: 0.40;
}

#head #subnavi{
	position:absolute;
	right:200px;
	top:0px;
	height:100%;
	background-color: #FF0004;
}	

#head .iconsServ{
	cursor:pointer;
	position:absolute;
	width:50px;
	height:50px;
	z-index:2;	
	
	background-repeat:no-repeat;
	background-position:center center;
	background-size:50%;
	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	
	opacity: 0.70;
	filter:"alpha(opacity=70)";
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	-moz-opacity: 0.70;
	-khtml-opacity: 0.70;
}

#head #logout{
	right:0px;
	top:0px;
	background-image:url('/src/img/logout.png');
}
#head #multi{
	right:100px;
	top:0px;
	background-image:url('/src/img/multi-select.png');
}
#head #settings{
	right:50px;
	top:0px;
	background-image:url('/src/img/admin.png');
}
#head #loginico{
	right:0px;
	top:0px;
	background-image:url('/src/img/login.png');
}

#head #arbeitszeitenbutton{
	width:40px;
	height:40px;
	line-height: 38px;
	right:180px;
	top:6px;

	background-color: #F00;

	-webkit-border-radius:0px 12px 12px 12px;
	-moz-border-radius:0px 12px 12px 12px;
	border-radius:0px 12px 12px 12px;
}
#head #arbeitszeitenbutton:hover{
	background-color: #147900;
}
@media screen and (max-width: 700px) {
	#head #arbeitszeitenbutton{
		display: none;
	}
}





#head #settings:hover,
#head #loginico:hover,
#head #logout:hover,
#head #multi:hover{
	opacity: 0.40;
	filter:"alpha(opacity=40)";
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	-moz-opacity: 0.40;
	-khtml-opacity: 0.40;
}


#head #settingsdrop{
	display: none;
	position:fixed;
	top:10px;
	right:50px;
	margin-top:35px;
	padding-top:45px;
	z-index:9999999999999999999999999999999999999999999999999999999999999999999;	
	/** background-color:var(--color-sehrdunkel); **/
	background-color:var(--color-button_default_color);

	
	
	overflow: hidden;
	overflow-y: scroll;

	max-height: 90vh;
}
#head #settingsdrop div{
	text-align:right;
	padding:0px 20px 0px 20px;
	cursor:pointer;
}
#head #settingsdrop div.smal{
	padding:0px 20px 0px 20px;
	font-size: 0.7em;
	line-height: 35px;
	height: 35px;
	color:var(--color-default-hover);
}

#head #settingsdrop div:hover{
	color:#000;
	background-color:rgba(255,255,255,0.7);
}

#head #settingsdrop .perm,
#head #settingsdrop .perm:hover{
	cursor:initial;
	margin-top: -25px;

	background-color:rgba(255,255,255,0.1);
	font-style: italic;
	font-size: 0.7em;
	color:var(--color-kontrast3);

}


#head #multi.on{
	background-image:url('/src/img/multi-select_on.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:50%;
}



#head #anz2,
#head #anz{
	font-style:italic;
	font-size:0.5em;
	right:100px;
	top:0px;
	position:absolute;
	width:70px;
	height:50px;
	z-index:1;
	overflow:hidden;
}
#head #anz{
	width:70px;
}
#head #anz2{
	right:50px;
	width:70px;
}
@media screen and (max-width: 700px) {
	#head #anz{
		width:30px;
		z-index:1;
		font-size:0.4em;
	}
	#head #anz{
		display: none;
	}
}





#addtrenner.addnewgroupe,
#addnewgroupe.addnewgroupe,
#addtrenner.addtrennerview{
	
	overflow-wrap: break-word;
	white-space: nowrap;
	
	font-size:20px;
	z-index: 99999999;
	
	top:45px;
	left:0px;

	border-top:none;
	
	background-color:var(--color-kontrast1);
	
	-webkit-border-radius:0px 0px 10px 10px;
	-moz-border-radius:0px 0px 10px 10px;
	border-radius:00px 0px 10px 10px;
	
	width: 56%;
	min-width: 56%;
}
#addtrenner.addtrennerview{
	font-size:18px;
	font-weight:normal;
	line-height: 44px;
}


#addnewgroupe.addnewgroupe{
	background-color:rgba(255,255,255,0.5);
}


#addnewgroupe.addnewgroupe{
	left:auto;
	right: -0px;
	width: 25%;
	min-width: 25%;
}
#addnewgroupe.addnewgroupe:hover,
#addtrenner.addtrennerview:hover{
	background-color:var(--color-hauptfarbe);
	border-top: none;
	color: var(--color-text-default);
}
@media screen and (max-width: 700px) {
	#addtrenner.addnewgroupe{
		right: 5px;
	}
}











.width20{
	width:20%!important;
	max-width:20%!important;
	min-width:20%!important;
}
.width30{
	width:30%!important;
	max-width:30%!important;
	min-width:30%!important;
}
.width35{
	width:35%!important;
	max-width:35%!important;
	min-width:35%!important;
}
.width50{
	width:50%!important;
	max-width:50%!important;
	min-width:50%!important;
}
.width75{
	width:75%!important;
	max-width:75%!important;
	min-width:75%!important;
}
.widthnamer{
	width:100%!important;
	max-width:300px!important;
	min-width:200px!important;
}
.widthnamer2{
	width:100%!important;
	max-width:400px!important;
	min-width:200px!important;
}

@media screen and (max-width: 1025px) {
	.width20,
	.width50{
		width:70%!important;
		max-width:70%!important;
		min-width:70%!important;
	}
}
@media screen and (max-width: 700px) {
	.width20,
	.width50{
		width:90%!important;
		max-width:90%!important;
		min-width:90%!important;
	}
}







#gototop{
	display:none;
	position:fixed;
	z-index:9999999999;
	
	cursor:pointer;
	color:#fff;
	font-size:20px;
	
	background-color: var(--color-hauptfarbe);
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	
	left:5px;
	bottom:15px;
	
	
	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	
}


*{
	outline:none;
	overflow-wrap: break-word;
  	text-rendering: optimizelegibility;
	
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	transition:all 0.4s;
	
}
html{
	/**
	height:60%;
	min-height:100%;
	**/
	margin:0px;
	padding:0px;
	width:100%;
	min-height:100%;
	background-color:var(--body-color);
}
html.dark{
	background-color: #000;
	color: rgba(255,255,255,0.8);
}

body {
	clear:both;
	top:0;
	position: relative;
	font-size:15px;
	line-height: 19px;
	font-style: normal;
	font-variant: normal;
	font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
	color:var(--color-text-default);
	
	/**
	-moz-osx-font-smoothing: grayscale;
	
	
	**/
	-moz-osx-font-smoothing: auto;
	-webkit-font-smoothing: auto;
	text-rendering: auto;
	
	width:100%;
	height:100%!important;
	height:calc( 100vh - 20px)!important;
	margin:0px!important;
	padding:0px!important;
	outline: none;

	/**
	-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;
	**/
}

a:link,
a:visited{
	color:var(--color-text-default);
	text-decoration:none;
}
a:hover{
	color:var(--color-default-hover);
	text-decoration:underline;
}

a:focus {
	outline: none;
}


hr{
	height:1px;
	width: 100%;
	border-width:0;
	color:var(--color-trennfarbe);
	background-color:var(--color-trennfarbe);
}


pre,
code{
	font-size:15px;
	line-height: 19px;
	font-style: normal;
	font-variant: normal;
	font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
	color:var(--color-text-default);
}



#infosproSafe,
#infospro{
	/**
	
	**/
	display:none;
	position:fixed;
	bottom:0px;
	left:0px;
	right:0px;
	background-color:var(--color-sehrdunkel-50);
	width:100%;
	min-height:30px;
	line-height:30px;
	font-size:12px;
}
#infosproSafe{
	bottom:60px;
	background-color:rgba(0,0,0,0.5);
}

@media screen and (max-width: 700px) {
	#infospro{
		display:none;	
	}
	
}











#loadingstat{
	display:inline-block;
	
	position:relative;
	
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	
	padding:0px!important;
	margin:0px!important;
	margin-top:15px!important;
	
	-webkit-border-radius:5px!important;
	border-radius:5px!important;
	
	
	height:14px;
	width:100%;
	
	background-color:var(--color-sehrdunkel-30);

	border:1px solid rgba(255,255,255,0.1);
	
	overflow:hidden;
	
}
#loadingstat div{
	font-size:14px;
	line-height:12px;
	text-align:center;
	
	position:absolute;
	top:0;
	
	white-space: nowrap;
	
	padding:0px;
	margin:0px;
	
	height:12px;
	width:1%;
	background-color:var(--color-sehrdunkel);
	border:none!important;
	
	
	padding:0px!important;
	margin:0px!important;
	
	-webkit-border-radius:5px!important;
	border-radius:5px!important;
}

#loadingstat div.superfont{
	color:var(--color-warn);
}

#infos #loadingstat div:hover{
	background-color: var(--color-hauptfarbe)!important;
}




















.datastat{
	font-size: 0.8em;
	display: inline-block;
	position: relative;
	margin:0px;
	padding:0px;
	border:0px;
	border:none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
	border-collapse: separate;

}

#infos .rounder th,
#infos .rounder tr,
#infos .rounder td,
.datastat .rounder th,
.datastat .rounder tr,
.datastat .rounder td{
	margin:0px;
	padding:0px;
	border:none;
	text-align: right;
	border-collapse: separate;
}

#infos .rounder tr:nth-child(even),
.datastat .rounder tr:nth-child(even){
	background-color:rgba(255,255,255,0.1);
}
#infos .rounder tr:hover,
.datastat .rounder tr:hover{
	background-color:rgba(255,255,255,0.3);
}
#infos .rounder td,
.datastat .rounder td{
	margin:0px;
	padding:2px 4px;
	border-bottom:1px solid rgba(255,255,255,0.4);
	
	text-align: left;
	padding-right:15px;
	border-right:1px solid rgba(255,255,255,0.4);
}

#infos .rounder td:last-child,
.datastat .rounder td:last-child{
	text-align: right;
	padding-right:5px;
	border-right:none;
	font-size: 0.9em;
	font-style: italic;
}

.datastat .rounder tr.nuller td{
	border-bottom:2px solid #ff0000;
	background-color:rgba(255,255,255,0.2);
}

.datastat .rounder td.trenner{
	padding-top:20px;
}
.datastat .rounder td.io2,
.datastat .rounder td.io{
	background-color:rgba(102,204,51,0.5)!important;
}

.datastat .rounder td.ionef{
	background-color:rgba(255,51,51,0.5)!important;
}


#infos .rounder td.header,
.datastat .rounder td.header{
	background-color:rgba(255,255,255,0.4)!important;
	color:#fff;
}






























#jSuggestContainer {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	
	
	margin-top:-3px;
	position:absolute!important;
	border:1px solid #000;
	border-top:0;
	background:#fff;
	width:100%;
}


.jSuggestLoading {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	
	padding: 10px;
}
#jSuggestContainer ul, 
#jSuggestContainer ul li{
	margin: 0;
	padding:0;
	list-style:none;
}
#jSuggestContainer ul li{
	padding: 10px 8px;
	font-size:1.2em;
	line-height:1.2em;
	border-bottom: 1px solid #000;
	color:#000;
	background:#fff;
	cursor:pointer
}


#jSuggestContainer ul li em{
	font-size:0.6em;
	font-style:italic;
	color:#F00;
	vertical-align:middle;
}



#jSuggestContainer ul li.last{
	border-bottom: 0px;
}

#jSuggestContainer ul li.jSuggestHover{
	background-color: var(--color-sehrdunkel-90);
	color:#fff;
}