.login_logo.kunde{

	background: #fff;
	margin-bottom: 20px;
	border-radius: 3px;
	filter:drop-shadow(0px 0px 3px rgba(0,0,0,0.5));

}
.rechnung_pdf_icon{
	position: absolute;
	left:26px;
	top:-38px;
	cursor: pointer;
}
.rechnung{
	display:block;
	padding-left:20px;
	height: calc(100% - 70px);
}
.rechnung .vorschau{
	display:inline-block;
	position: relative;
	height:calc(100% - 2px);
	width:598px;
	background: #333;
	vertical-align: top;
	border:1px solid #000;
}
.rechnung .vorschau object{
	position: relative;
	width:100%;
	height: 100%;
}
.rechnung .vorschau .scroll{
	position: relative;
	width:100%;
	height: 100%;
	overflow: scroll;
}
.rechnung .termine{
	display:inline-block;
	width:520px;
	height:calc(100% - 225px);
	vertical-align: top;
	overflow: hidden;
	overflow-y: scroll;
}
.rechnung .termine .pos{
	display: block;
	background: #cfc;
	padding:5px 20px;
	margin-bottom: 1px;
}
.rechnung .termine .pos.beleg{
	background: #dfd;
}
.rechnung .termine .pos .icon{
	display: inline-block;
	position: relative;
	margin-left:-20px;
	padding-left:20px;
	padding-bottom:10px;
	width:30px;
	height: 100%;
	vertical-align: top;
	cursor: pointer;
}
.rechnung .termine .pos .info{
	position: relative;
	display: inline-block;
	width:calc(100% - 140px);
	color:#333;
	vertical-align: top;
}
.rechnung .termine .pos .info .type{
	position: absolute;
	top:-3px;
	left:-8px;
	cursor: pointer;
}
.rechnung .termine .pos.beleg .info{
	width:calc(100% - 175px);
	padding-left:35px;
}
.rechnung .termine .pos .info .mehr{
	display: block;
	cursor:pointer;
}
.rechnung .termine .pos .info .details{
	display: none;
	position: relative;
	border-top:1px solid rgba(0,0,0,0.2);
	margin-top: 5px;
	padding-top:5px;
}
.rechnung .termine .pos .info .honorar{
	display:block;
}
.rechnung .termine .pos .info .honorar .label{
	display:inline-block;
	width:calc(100% - 120px);
}
.rechnung .termine .pos.beleg .info .honorar .label{
	width:calc(100% - 60px);
}
.rechnung .termine .pos.beleg .info .honorar .vorher{
	display:none;
}
.rechnung .termine .pos .info .honorar .vorher,
.rechnung .termine .pos .info .honorar .betrag{
	display:inline-block;
	width:60px;
	text-align: right;
	font-size:11px;
}
.rechnung .termine .pos .info .honorar .vorher{
	opacity: 0.5;
}
.rechnung .termine .pos .betrag{
	display: inline-block;
	width:60px;
	vertical-align: top;
	font-weight: bold;
	text-align: right;
	font-size:12px;
}
.rechnung .edit{
	position: absolute;
	right:0px;
	bottom:40px;
	width:520px;
	height:220px;
	background: #fff;
	border-top:1px solid #333;
}

.rechnung2_vorschau{
	display: block;
	position: absolute;
	top:60px;
	left:20px;
	height:calc(100% - 82px);
	width:calc(100% - 42px - 500px);
	background: #333;
	border:1px solid #000;
	overflow: hidden;
	border-radius: 5px;
	z-index:1;
}
.rechnung2_vorschau object{
	position: relative;
	width:100%;
	height: 100%;
}
.rechnung2_vorschau .scroll{
	display: block;
	position: relative;
	width:100%;
	height: 100%;
	overflow: scroll;
}
.rechnung2_linie{
	position: absolute;
	top:41px;
	left:calc(100% - 500px);
	height:calc(100% - 41px);
	width:1px;
	background: rgba(0,0,0,0.25);
}
.rechnung2_form{
	display: block;
	position: relative;
	padding-left:calc(100% - 500px + 1px);
}
.rechnung2_form .mask{
	display: block;
	height: 0px;
	overflow: hidden;
	transition: all 0.2s;
}
.rechnung2_form .mask.pos_all{
	margin-left: 45px;
	margin-right: 15px;
}
.rechnung2_form .mask .liste{
	background: #efefef;
	border-radius: 3px;
	padding:5px 10px;
	border:1px solid #ddd;
}
.rechnung2_form .honorar{
	position: relative;
	display:block;
}
.rechnung2_form .honorar .label,
.rechnung2_form .honorar .vorher,
.rechnung2_form .honorar .betrag{
	position: relative;
	display:inline-block;
	vertical-align: top;
}
.rechnung2_form .honorar .label{
	width:calc(100% - 75px - 55px);
}
.rechnung2_form .honorar.summen .label{
	width:calc(100% - 80px);

	text-align: right;
}
.rechnung2_form .honorar .vorher{
	width:75px;
	text-align: right;
}
.rechnung2_form .honorar .betrag{
	width:55px;
	text-align: right;
}
.rechnung2_form .honorar.summen .betrag{
	width:80px;
}
.rechnung2_form .honorar .vorher span{
	display: inline-block;
	font-size: inherit;
	text-decoration: line-through;
}
.rechnung2_form .honorar .vorher .ic{
	display: inline-block;
	margin-top: 2px;
}
.rechnung2_right{
	position: relative;
	display: block;
	text-align: right;
}
.rechnung2_right .netto{
	position: absolute;
	width:50px;
	left:-65px;
	text-align: right;
}

.belege{
	display:block;
	height: calc(100% - 90px);
	padding-left: 20px;
	width: calc(100% + 20px);
}
.belege .vorschau{
	display:inline-block;
	position: relative;
	height:calc(100% - 2px);
	width:598px;
	background: #333;
	vertical-align: top;
	border:1px solid #000;
	border-radius: 5px;
	overflow: hidden;
}
.belege .vorschau object{
	position: relative;
	width:100%;
	height: 100%;
}
.belege .vorschau .bild{
	position: relative;
	width:100%;
	height: 100%;
	overflow: scroll;
	cursor:zoom-in;
}
.belege .vorschau .bild img{
	max-width: 100%;
	max-height: 100%;
}
.belege .liste{
	display:inline-block;
	width:560px;
	height:100%;
	vertical-align: top;
	overflow: hidden;
	overflow-y: scroll;
}
.plattform_icon{
	display:inline-block;
	width:18px;
	height: 18px;
	margin-top: 0px;
	margin-right: 5px;
	vertical-align: middle;
}
.body_klein .plattform_icon{
	width:16px;
	height: 16px;
	margin-top: -2px;
}
.promoter_suche{
	width:50px;
	height:50px;
}
.promoter_suche_projekt{
	margin-left: 2px;
	margin-top: 1px;
	width:19px;
	height:19px;
	border-radius: 3px;
}
.promoter_suche_casting{
	margin-left: 2px;
	margin-top: 1px;
	width:19px;
	height:19px;
	border-radius: 10px;
}
.suche .drei_socialmedia{
	display: block;
}
.suche .drei_socialmedia .plattform_icon{
	margin-right: 2px;
	margin-top: 1px;
	vertical-align: top;
}
.body_klein .suche .drei_socialmedia .plattform_icon{
	margin-right: 4px;
	margin-top: 2px;
	vertical-align: top;
}
.suche .drei_socialmedia .input_txt{
	display: inline-block;
	width:calc(50% - 3px - 10px);
}
.suche .drei_socialmedia .input_txt.abstand{
	margin-right: 4px;
}

#promoter .ic{
	margin:2px;
}
#promoter .ic.anfrage{
	margin:0;
	margin-right: 2px;
	vertical-align: baseline;
}
.promoter_bilder_tausch{
	display: inline-block;
	opacity:0.25;
	margin-top:130px;
	padding:10px 3px;
}
.promoter_bilder_tausch:hover{
	opacity: 1;
}
.promoter_update{
	background: #cfc;
}
.promoter_update_bild{
	max-width:300px;
	max-height:150px;
	margin-bottom:6px;
}
.projekt_personal{
	width:30px;
	height:30px;
}
.foto_big{
	max-width:800px;
	max-height:320px;
	width:auto;
	height:auto;
}
.fotos{
	display: inline-block;
	border:3px solid #f00;
	margin-right:2px;
	height:35px;
	vertical-align: middle;
}
.fotos.abgelehnt{
	display: none;
}
.fotos_anmeldung{
	position: relative;
	display: inline-block;
	border:3px solid #f00;
	margin-right:10px;
	cursor: pointer;
}
.fotos_anmeldung img{
	height:35px;
}
.fotos_anmeldung:hover,.foto_big:hover{
	opacity:0.5;
}
.fotos_anmeldung .icons{
	position: absolute;
	bottom:-2px;
	right:-2px;
}
.fotos_anmeldung .icons .ic{
	display: inline-block;
	margin-left:-1px !important;
}
.fotos.freigegeben,.fotos_anmeldung.freigegeben,.foto_big.freigegeben{
	border:3px solid #2ac432;
}
.fotos.abgelehnt,.fotos_anmeldung.abgelehnt,.foto_big.abgelehnt{
	border:3px solid #f00;
}
.fotos.offen,.fotos_anmeldung.offen,.foto_big.offen{
	border:3px solid #ff9118;
}
.fotos.kp{
	border:0px;
	border-radius: 2px;
}
.fotos_check_rahmen{
	position: relative;
	display: inline-block;
}
.fotos_check_rahmen .rotate_l{
	position: absolute;
	padding:10px;
	bottom:0px;
	left:0px;
}
.fotos_check_rahmen .rotate_r{
	position: absolute;
	padding:10px;
	bottom:0px;
	right:0px;
}
.check_insta{
	display: inline-block;
	padding:1px 3px;
	border-radius: 3px;
	color:#fff;
	background: var(--farbe-rot);
	margin:0px 1px;
}
.check_insta.gruen{
	background: var(--farbe-gruen);
}
.check_insta.orange{
	background: var(--farbe-orange);
}
.check_insta_xwin_vorschau{
	display: block;
	position: absolute;
	top:60px;
	left:20px;
	height:calc(100% - 82px);
	width:calc(100% - 42px - 300px);
	background: #333;
	border:1px solid #000;
	overflow: scroll;
	border-radius: 5px;
	z-index:1;
}
.check_insta_xwin_vorschau img{
	position: relative;
	width:100%;
	height: auto;
}
.check_insta_xwin_linie{
	position: absolute;
	top:41px;
	left:calc(100% - 300px);
	height:calc(100% - 41px);
	width:1px;
	background: rgba(0,0,0,0.25);
}
.check_insta_xwin_form{
	display: block;
	position: relative;
	padding-left:calc(100% - 300px + 1px);
}



.projekt_dashboard{
	position: relative;
	display: block;
	width:160px;
	height: 160px;
	margin: -10px;
	margin-bottom: 0px;
	overflow: hidden;
}
.projekt_dashboard .logo{
	position: relative;
	display: block;
	width:160px;
	height: 160px;
	left:0px;
	top:0px;
}
.projekt_dashboard:hover .logo{
	opacity: 0.5;
}
.projekt_dashboard .online{
	position: absolute;
	top:5px;
	right:-28px;
	background: #3193f1;
	color:#fff;
	padding:3px 30px;
	font-size: 8px;
	line-height: 8px;
	transform: rotate(45deg);
	z-index: 1;
}
.messen_dashboard{
	display: block;
	width:180px;
	height: 140px;
	margin: -10px;
	margin-bottom: 0px;
}
.messen_dashboard:hover{
	opacity: 0.5;
}
.messen_status{
	position: absolute;
	bottom:0px;
	left:0px;
	height:7px;
	width:100%;

}
.messe_artikel_paket{
	position:relative;
	top:-2px;
	left:3px;
}
.projekt_paket_artikel{
	width:50px;
	height: 50px;
}
.projekt_paket_artikel2{
	position: relative;
	margin-top: -4px;
	width:24px;
	height:24px;
	transition: all 0.2s;
	border-radius: 3px;
}
.projekt_paket_artikel2:hover{
	width:100px;
	height:100px;
	z-index:10;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
}
.projekt_form_artikel{
	margin-bottom: -5px;
	position: relative;
}
.projekt_form_artikel.hide{
	display:none;
}
.projekt_form_artikel.del{
	opacity: 0.5
}
.projekt_form_artikel.del .name,.projekt_form_artikel.del b{
	text-decoration: line-through;
	text-decoration-thickness: 1px;
}
.projekt_form_artikel:hover .projekt_form_artikel_bg,
.projekt_form_artikel .projekt_form_artikel_bg_sub{
	position: absolute;
	top:-2px;
	left:0px;
	width:100%;
	height: calc(100% - 10px);
	background: rgba(0,150,255,0.15);
	opacity: 0;
	transition: all 0.1s;
}
.projekt_form_artikel:hover .projekt_form_artikel_bg{
	opacity: 1;
}
.projekt_form_artikel.zubehoer:hover .projekt_form_artikel_bg_sub{
	opacity: 1;
}
.projekt_form_artikel .btns{
	position:relative;
	display:inline-block;
}
.projekt_form_artikel .btns .dd2{
    display: none;
    position: absolute;
}
.projekt_form_artikel .btns:hover .dd2{
	display:block;
}
.body_klein .messe_artikel_paket{
	left:1px;
}
.event_rechte{
	opacity:0.5;
}
.event_rechte:hover{
	opacity:1 !important;
}
.termin_status_pkt{
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
	margin-top: -3px;
	width:14px;
	height: 14px;
	border-radius: 50%;
	background: #000;
}

.report_sign{
	height: 60px;
	background: rgba(0,0,0,0.05);
    box-shadow: inset 0px 0px 1px rgba(0,0,0,0.5);
    border-radius: var(--main-border-radius-sTAB-input);
	cursor:not-allowed;
	vertical-align: middle;
}
.projekt_produkt_foto{
	width: auto;
	height: 20px;
	border-radius: 2px;
	margin-right: 1px;
	margin-bottom: 1px;
	transition: all 0.2s;
}
.projekt_produkt_foto:hover{
	height: 120px;
}
.projekt_foto_tab{
	width: auto;
	height: 50px;
	border-radius: 2px;
	margin-right: 1px;
	margin-bottom: 1px;
	transition: all 0.2s;
}
.projekt_foto_tab:hover{
	height: 120px;
}

.equipment_dashboard{
	display: block;
	width:140px;
	margin: -10px;
	margin-bottom: 0px;
}
.equipment_dashboard:hover{
	opacity: 0.5;
}
.equipment_dashboard_mobil{
	display: block;
	width:110px;
	margin: -10px;
	margin-bottom: 0px;
}
.equipment_dashboard_mobil:hover{
	opacity: 0.5;
}

.td_import{
	padding:10px 3px !important;
	background: #eef !important;
}
.termin_saved{
	background: #efe;
}
.btn_kachel{
	display: inline-block;
	width:300px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	background: #fff;
	box-shadow: 0px 1px 2px #000;
	text-decoration: none;
	margin-right: 20px;
	margin-bottom: 20px;
}
.btn_kachel:hover{
	box-shadow: 0px 1px 10px #000;
}

.legenden{
	display: inline-block;
	margin-bottom: 15px;
	font-size:10px;
	color:#333;
	background: #fff;
	box-shadow:var(--main-box-shadow);
    border-radius:var(--main-border-radius);
    padding:5px;
	opacity: 0.25;
	transition: all 0.2s;
}
.legenden:hover{
	opacity: 1;
}
.legenden .ic{
	vertical-align: top;
	margin-top:3px;
	margin-right:4px;
}

.feiertag_gesetzt{
	background: #3d9ffe;
}
.feiertag_gesetzt:hover{
	background: #a00;
}
.feiertag_leer:hover{
	background: #f00;
}

.urlaub_plan{
	background: #3d9ffe;
}

.lager_auftrag_right{
	display:none;
}
.lager_suche_box{
	position: relative;
	width:20px;
	height:20px;
	transition: all 0.2s;
}
/*
.lager_suche_box:hover{
	width: 100px;
	height: 100px;
}
*/
.lager_suche{
	position: absolute;
	width:20px;
	height:20px;
	transition: all 0.1s;
	border-radius: 0px;
	box-shadow: 0px 0px 0px rgba(0,0,0,0);
}
.lager_suche:hover{
	width:100px;
	height:100px;
	border-radius: 2px;
	box-shadow: 0px 2px 10px rgba(0,0,0,1),0px 0px 5px rgba(0,0,0,1);
	z-index: 10;
}
.lager_dashboard{
	display: block;
	width:120px;
	margin: -10px;
	margin-bottom: 0px;
}
.lager_dashboard:hover{
	opacity: 0.5;
}
.lager_pdf{
	display: inline-block;
	vertical-align: middle;
	margin-left:-5px;
	margin-right:-5px;
}
.lager_artikel{
	border-top: 1px solid rgba(0,0,0,0.1);
	padding-top:3px;
}
.lager_artikel b,.lager_artikel small{
	display:block;
}
.lager_artikel br{
	line-height: 12px;
}
.lager_artikel a{
	display: inline-block;
	line-height: 12px;
	text-decoration: none;
}
.lager_artikel a:hover{
	text-decoration: underline;
}
.lager_artikel:hover{
	background: #fee;
}
.lager_artikel .remove{
	position: absolute;
	top:0px;
	left:-40px;
	transition: all 0.2s;
}
.lager_artikel:hover .remove{
	left:-18px;
}
.lager_artikel .notiz{
	position: absolute;
	top:0px;
	left:-14px;
	opacity: 0;
	transition: all 0.2s;
	cursor: pointer;
}
.lager_artikel:hover .notiz{
	opacity: 0.5;
}
.lager_artikel:hover .notiz:hover{
	opacity: 1;
}
.lager_plan_vorher{
	opacity: 0.4 !important;
	border-right: 2px dotted #000;
}
.lager_plan_nachher{
	opacity: 0.4 !important;
	border-left: 2px dotted #000;
}
.lager_pakete{
	position: relative;
	border-top: 1px solid rgba(0,0,0,0.1);
	padding-top:4px;
}
.lager_pakete:hover{
	background: #fee;
}
.lager_pakete .remove{
	position: absolute;
	top:6px;
	left:-20px;
	transition: all 0.2s;
	z-index:1;
}
.lager_pakete:hover .remove{
	left:3px;
}
.lager_feedback_preview{
	display: inline-block;
	height:40px;
	margin-right: 10px;
	padding-top: 10px;
	vertical-align: top;
}
.lager_artikel_bild{
	height:140px;

}
.lager_artikelliste{
	width:400px;
	overflow: hidden;
	border-radius: 0px 3px 3px 0px;
	background: #fff;
}
.lager_artikelliste .suchfeld{
	display: block;
	width: 100%;
	height: 45px;
	padding:5px 0px;
	background: #fff;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	box-shadow:0px 0px 5px rgba(0,0,0,0.5);
	z-index: 2;
}
.lager_artikelliste .suchfeld b{
	font-size:11px;
	padding-left:20px;
}
.lager_artikelliste .suchfeld input{
	background: rgba(0,0,0,0.05);
    box-shadow: inset 0px 0px 1px rgba(0,0,0,0.5);
    border-radius: var(--main-border-radius-sTAB-input);
    padding:2px 5px;
    margin-left: 20px;
	width:calc(100% - 40px);
	font-size:11px;
}
.lager_artikelliste .liste{
	display: block;
	overflow: scroll;
	height: calc(100% - 55px);
	z-index: 1;
}
.lager_artikelliste .artikel{
	display:block;
	padding:5px 10px;
	font-size:11px;
	color:#333;
	border-bottom:1px solid #ccc;
	cursor: copy;
	background: #efffef;
}
.lager_artikelliste .artikel.hide{
	display:none;
}
.lager_artikelliste .artikel:hover{
	background: #fff;
}
.lager_artikelliste .artikel:hover .menge{
	padding-left: 0px;
}
.lager_artikelliste .artikel .menge{
	display:inline-block;
	vertical-align: top;
	color:inherit;
	width:80px;
	font-size: inherit;
	padding-left: 10px;
	font-weight: bold;
	transition: all 0.2s;
}
.lager_artikelliste .artikel .label{
	display:inline-block;
	vertical-align: top;
	color:inherit;
	font-size: inherit;
	width:calc(100% - 100px);
	line-height: 14px;
}
.lager_artikelliste .artikel br{
	line-height: 14px;
}

.update_gruppe{
	display:block;
	margin-bottom: 5px;
}
.update_gruppe .update_txt{
	display:block;
	padding-left: 20px;
	line-height: 12px;
	padding-top: 1px;
	padding-bottom: 10px;
	white-space: normal;
	padding-right: 15px;
}
.update_gruppe .update_txt .update_titel{
	display:block;
	padding-bottom: 3px;
}
.update_gruppe .update_txt br{
	line-height: 12px;
}
.update_gruppe .update_bilder{
	display:block;
	margin-bottom: 10px;
}
.update_gruppe .update_bilder img{
	display:inline-block;
	max-height: 50px;
	max-width: 50px;
	border-radius: 3px;
	margin-right: 5px;
	margin-top: 5px;
	cursor: pointer;
}
.update_gruppe .update_bilder img:hover{
	opacity: 0.5;
}
.update_gruppe .update_log{
	display: block;
	padding-left: 20px;
}
.update_gruppe .update_art{
	position: absolute;
}
.update_gruppe .update_art .update_hint{
	position: absolute;
	left:-12px;
	top:5px;
	height: 6px;
	width:6px;
	border-radius: 5px;
	background: #f00;
	animation: nav2_hint_ani 1s linear infinite;
}

.provision_gruppe{
	position: relative;
	display: block;
	padding-left: 10px;
}
.provision_gruppe .provision_linie{
	position: absolute;
	top:3px;
	left:20px;
	width: 3px;
	height: calc(100% - 6px);
	background: #f00;
	border-radius: 3px;
}

.ticket_chat{
	display: block;
}
.ticket_chat .eintrag{
	display: block;
	margin-left:-1px;
	margin-top:-2px;
	margin-bottom: 10px;
	width:calc(100% + 6px);
}
.ticket_chat .eintrag.crm{
	text-align: right;
}
.ticket_chat .eintrag .usr{
	font-size: 9px;
	color:#666;
	cursor: default;
}
.ticket_chat .eintrag .txt{
	display: inline-block;
	background: rgba(0,0,0,0.05);
    box-shadow: inset 0px 0px 1px rgba(0,0,0,0.5);
    border-radius: var(--main-border-radius-sTAB-input);
    padding:2px 5px;
	text-align: inherit;
}
.ticket_chat_neu{
	display: block;
	white-space: nowrap;
}
.ticket_chat_neu textarea{
	display: inline-block;
	margin-left:-1px;
	margin-top:-2px;
	width:calc(100% - 4px - 24px) !important;
	vertical-align: top;
}
.ticket_chat_neu .ic{
	display: inline-block;
	margin-left:10px;
}