@charset "utf-8";
/* CSS Document */
/* Boxen*/
.style_screen_js_nav_1{
	display: block;
}
#main_field_1 {
  	position:absolute;
	top: 30px;
	left: 68px;
	width:calc(100% - 70px);
	height:calc(100% - 70px);
	overflow-x: hidden;
	}
/* hidden elements*/	
#menu_top_small_1 {
	visibility: hidden;	
	}

/* Boxen*/
#menu_top_big_1 {
  	position:fixed;
	top: 0px;
	left: 0px;
	width:100%;
	height: 25px;
	/*background-color:#3E3E3E;*/
	background-color:#F3F3F3;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
	z-index: 100;
	text-align: right;
	min-width: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	}
#menu_left_big_1 {
	position:fixed;
	top: 30px;
	left: 0px;
	text-align: left;
	height:calc(100vh - 40px);
	width:70px;
	z-index: 100;
	background-color: #F3F3F3;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	box-shadow: 3px 3px 10px 0px #6E6C6C;
	overflow: hidden;
	}

#menu_left_big_1:hover {
	}
#menu_collapse_btn {
	position: relative;
	z-index: 2;
	width: 36px;
	height: 36px;
	margin-left: auto;
	margin-top: 8px;
	margin-right: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #999;
	background: #ebebeb;
	border-radius: 50%;
	transition: color 0.2s ease, background 0.2s ease;
	opacity: 0;
	}
#menu_collapse_btn:hover {
	color: #fff;
	background: #72AE74;
	}
#box_left_logo_1 {
	position:absolute;
	bottom: 0px;
	right: 0px;
	}


.menu_left_A{
	background-color: #F3F3F3;
}
.menu_left_A:hover{
	background-color: #CECECE;
}

.menu_left_1{
	width: 100%; 
	min-width: 70px; 
	max-width: 300px; 
	height: 70px;
	overflow: hidden; 
	position: relative; 
	/*border-bottom: 0.5px solid #3D3D3D; */
	transition: all 0.5s ease-out;
		
	}
.menu_left_1:hover{

	}
.menu_left_disabled{
	opacity: 0.35;
	pointer-events: none;
	background: repeating-linear-gradient(
		45deg,
		transparent,
		transparent 10px,
		rgba(0,0,0,0.03) 10px,
		rgba(0,0,0,0.03) 20px
	);
	}
.menu_left_disabled label{
	color: #aaa !important;
	}
.menu_left_2{
	position: absolute; 
	left: 0px; 
	top: 0px;
	}
.menu_left_3{
	position: absolute; 
	left: 80px; 
	top: 15px; 
	width: 300px; 
	height: 40px;
	z-index: 10;  
	display: flex; 
	align-items:center;
	justify-content:flex-start;
	}
.menu_left_4{
	font-family: abel, sans-serif;
	font-size: 20px;
	color: #4B4B4B; 
	text-align: left; 
	}


.nav_menu{
	margin: 0px;
	padding: 0px;
	background-color:transparent;
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	border: 0px;
	text-align: center;
	text-decoration: none;
	font-size: 8px;
	color: #FFFFFF;
	line-height: 82px;
	border-bottom: #8B8B8B dotted 1px;
	}
.nav_menu:hover{
	background-color: #434343;
	transition: all 0.3s ease-in-out;
	color: #E2BC9C;
	}
.nav_button{
	margin: 0px;
	padding: 0px;
	background-color:transparent;
	background-size: 90%;
	background-repeat: no-repeat;
	background-position: center;
	width: 70px;
	height: 70px;
	border: 0px;
	text-align: center;
	text-decoration: none;
	font-size: 8px;
	color: #FFFFFF;
	line-height: 70px;
	}
.nav_button:hover{
	transition: all 0.3s ease-in-out;
	color: #E2BC9C;
	}
.nav_button_disabled{
	margin: 0px;
	padding: 0px;
	background-color:transparent;
	background-size: 90%;
	background-repeat: no-repeat;
	background-position: center;
	width: 70px;
	height: 70px;
	border: 0px;
	text-align: center;
	text-decoration: none;
	font-size: 8px;
	color: #FFFFFF;
	line-height: 70px;
	}
.nav_button_disabled:hover{
	transition: all 0.3s ease-in-out;
	color: #B1B1B1;
	}
.nav_button_1{
	background-image: url("../images/button1c.svg");
	}
.nav_button_1:hover{
	background-image: url("../images/button1b.svg");
	}
.nav_button_1b{
	background-image: url("../images/button1b.svg");
	}
.nav_button_2{
	background-image: url("../images/button5c.svg");
	}
.nav_button_2:hover{
	background-image: url("../images/button5b.svg");
	}
.nav_button_2b{
	background-image: url("../images/button5b.svg");
	}
.nav_button_3{
	background-image: url("../images/button2c.svg");
	}
.nav_button_3:hover{
	background-image: url("../images/button2b.svg");
	}
.nav_button_3b{
	background-image: url("../images/button2b.svg");
	}
.nav_button_4{
	background-image: url("../images/button3c.svg");
	}
.nav_button_4:hover{
	background-image: url("../images/button3b.svg");
	}
.nav_button_4b{
	background-image: url("../images/button3b.svg");
	}
.nav_button_5{
	background-image: url("../images/button4c.svg");
	}
.nav_button_5:hover{
	background-image: url("../images/button4b.svg");
	}
.nav_button_5b{
	background-image: url("../images/button4b.svg");
	}
.nav_button_6{
	background-image: url("../images/button6c.svg");
	}
.nav_button_6:hover{
	background-image: url("../images/button6b.svg");
	}
.nav_button_6b{
	background-image: url("../images/button6b.svg");
	}
.nav_button_6d{
	background-image: url("../images/button6d.svg");
	}
.nav_button_6d:hover{
	background-image: url("../images/button6e.svg");
	}
.nav_button_7{
	background-image: url("../images/button7c.svg");
	}
.nav_button_7:hover{
	background-image: url("../images/button7b.svg");
	}
.nav_button_7b{
	background-image: url("../images/button7b.svg");
	}
.nav_button_7d{
	background-image: url("../images/button7d.svg");
	}
.nav_button_7d:hover{
	background-image: url("../images/button7e.svg");
	}
.nav_button_8{
	background-image: url("../images/button8c.svg");
	}
.nav_button_8:hover{
	background-image: url("../images/button8b.svg");
	}
.nav_button_8b{
	background-image: url("../images/button8b.svg");
	}
.nav_button_8d{
	background-image: url("../images/button8d.svg");
	}
.nav_button_8d:hover{
	background-image: url("../images/button8e.svg");
	}
.nav_button_9{
	background-image: url("../images/button10c.svg");
	}
.nav_button_9:hover{
	background-image: url("../images/button10b.svg");
	}
.nav_button_9b{
	background-image: url("../images/button10b.svg");
	}
.nav_button_0p{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B4B4B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'/%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E");
	}
.nav_button_0p:hover{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2372AE74' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'/%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E");
	}
.nav_button_10{
	background-image: url("../images/button13c.svg");
	}
.nav_button_10:hover{
	background-image: url("../images/button13b.svg");
	}
.nav_button_10b{
	background-image: url("../images/button13b.svg");
	}
.nav_button_12{
	background-image: url("../images/button12c.svg");
	}
.nav_button_12:hover{
	background-image: url("../images/button12b.svg");
	}
.nav_button_12b{
	background-image: url("../images/button12b.svg");
	}
.menu_top_button_1 {
	font-family: abel, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
    background:#FF931E;
	border: #FF931E 1px solid;
	padding: 0px 2px 0px 6px;
	margin: 0px 30px 0px 0px;
	border-radius: 0px 3px 3px 3px;
	
	}
.menu_top_button_1:hover{
  	background:#FF931E;
	color:#FFFFFF;
	border: #FFBC74 1px solid;
	}
.menu_top_helpmodus_1 {
    background:#539253;
	padding: 0px 10px 0px 10px;

	}
.menu_top_helpmodus_1:hover{
  	background:#5BAD5B;
	}
.menu_top_helpmodus_2 {
    background:#925353;
	padding: 0px 10px 0px 10px;
	}
.menu_top_helpmodus_2:hover{
  	background:#AD5B5B;
	}
.menu_top_language_1 {
	text-align: center;
	border: 0px;
	background: transparent;
	color: #FFFFFF;
	}
.menu_top_language_1:hover {
	border: 0px;
	background-color:#363636;
	color: #FF931E;
	}
.menu_top_language_1b {
	text-align: center;
	border: 0px;
	background: transparent;
	color: #FF931E;
	background-color:#363636;
	}
.menu_top_credits_1 {
	padding: 0px 20px 0px 20px;
	text-align: center;
	border: 0px;
	color: #424242!important;
	background: rgba(255,255,255,0.00); 
	}
.menu_top_credits_1:hover {
	border: 0px;
	color: #FFFFFF!important;
	background-color: #FF931E; 
	}
.menu_top_testing_1 {
	padding: 0px 20px 0px 20px;
	text-align: center;
	border: 0px;
	color: #FFFFFF!important;
	background: rgba(150,77,78,1.00); 
	border-radius: 3px;
	}

.menu_top_credits_2 {
	padding: 0px 20px 0px 20px;
	text-align: center;
	border: 0px;
	color: #FFFFFF!important;
	background: rgba(163,7,8,1.00); 
	}
.menu_top_credits_2:hover {
	border: 0px;
	color: #FFFFFF!important;
	background-color: #FF931E; 
	}
.menu_top_login_1 {
	border: 0px;
	padding: 0px 30px 0px 30px;
	background-color:#168DCB;
	height: 100%;
	line-height: 25px;
	display: inline-flex;
	align-items: center;
	}
.menu_top_login_1:hover {
	border: 0px;
	
	}
.menu_top_login_2 {
	border: 0px;
	padding: 0px 30px 0px 30px;
	background-color:#363636;
	height: 100%;
	line-height: 25px;
	display: inline-flex;
	align-items: center;
	}
.menu_top_login_2:hover {
	border: 0px;
	background-color:#1171A3!important;
	}
.menu_top_close_1 {
	border: 0px;
	padding: 0px 10px 0px 10px;
	background-color:#7A0002;
	color: #FFFFFF;
	}
.menu_top_close_1:hover {
	border: 0px;
	background-color:#DD0003!important;
	}
.menu_top_support_1 {
	padding: 0px 30px 0px 30px;
	text-align: center;
	border: 0px;
	background: rgba(255,255,255,0.00);
	color: #424242!important;
	height: 100%;
	line-height: 25px;
	display: inline-flex;
	align-items: center;
	}
.menu_top_support_1:hover {
	border: 0px;
	background-color:#FF931E;
	color: #FFFFFF!important;
	}
/* User-Dropdown im Top-Menu */
.menu_top_user_wrap {
	position: relative;
	display: inline-flex;
	align-items: center;
	height: 100%;
	}
.menu_top_user_trigger {
	display: inline-flex;
	align-items: center;
	height: 100%;
	padding: 0 14px;
	cursor: pointer;
	background-color: var(--bs_green);
	gap: 8px;
	transition: background-color 0.2s ease;
	}
.menu_top_user_trigger:hover {
	background-color: #5F9A61;
	}
.menu_top_avatar {
	width: 19px;
	height: 19px;
	border-radius: 50%;
	object-fit: cover;
	border: 1.5px solid rgba(255,255,255,0.6);
	}
.menu_top_user_name {
	font-family: abel, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	white-space: nowrap;
	}
/* Dropdown Panel */
.menu_top_user_content {
	position: absolute;
	right: 0;
	top: 100%;
	width: 260px;
	background: #FFFFFF;
	border-radius: 12px;
	box-shadow: 0 8px 30px rgba(0,0,0,0.12);
	padding-top: 6px;
	z-index: 200;
	overflow: hidden;
	text-align: left;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-4px);
	transition: opacity 0.3s ease 0.5s, visibility 0s 0.8s, transform 0.3s ease 0.5s;
	}
.menu_top_user_content::before {
	content: '';
	display: block;
	height: 6px;
	background: transparent;
	margin-top: -6px;
	}
.menu_top_user_wrap:hover .menu_top_user_content {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	transition: opacity 0.15s ease, visibility 0s 0s, transform 0.15s ease;
	}
/* Header mit Profilbild + Name */
.menu_top_dd_header {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px 20px 16px;
	}
.menu_top_dd_avatar {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid #E8E8E8;
	margin-bottom: 10px;
	}
.menu_top_dd_name {
	font-family: abel, sans-serif;
	font-size: 18px;
	color: #2a2a2a;
	font-weight: 400;
	}
/* Trennlinie */
.menu_top_user_divider {
	height: 1px;
	background-color: #ECECEC;
	margin: 0 16px;
	}
/* Menu-Einträge */
.menu_top_user_content a {
	font-family: abel, sans-serif;
	font-size: 16px;
	padding: 12px 20px;
	color: #4B4B4B;
	background: transparent;
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 14px;
	transition: background-color 0.15s ease;
	}
.menu_top_user_content a:hover {
	background-color: #F7F7F7;
	}
/* Icons */
.menu_top_dd_icon {
	display: inline-block;
	width: 22px;
	height: 22px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	flex-shrink: 0;
	opacity: 0.6;
	}
.menu_top_user_content a:hover .menu_top_dd_icon {
	opacity: 0.85;
	}
/* Label nimmt restlichen Platz */
.menu_top_dd_label {
	flex: 1;
	}
/* Pfeil rechts */
.menu_top_dd_arrow {
	font-size: 20px;
	color: #C0C0C0;
	flex-shrink: 0;
	}
.menu_top_user_content a:hover .menu_top_dd_arrow {
	color: #999;
	}
/* Logout Icon */
.menu_top_dd_icon_logout {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B4B4B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12'/%3E%3C/svg%3E");
	}

/* Help-Dropdown (1:1 wie menu_top_user_content) */
.help_dd_wrap {
	position: relative;
	display: inline-flex;
	align-items: center;
	overflow: visible;
	z-index: 9999;
}
.bs23_box_frame_1_menu:has(.help_dd_wrap),
td:has(.help_dd_wrap),
tr:has(.help_dd_wrap),
table:has(.help_dd_wrap) {
	overflow: visible !important;
}
.help_dd_trigger {
	cursor: pointer;
}
div.help_dd_wrap > div.help_dd_content {
	position: absolute;
	right: 0;
	top: 100%;
	width: 260px;
	min-width: 260px;
	background: #FFFFFF;
	border-radius: 12px;
	box-shadow: 0 8px 30px rgba(0,0,0,0.12);
	padding: 6px 0 6px 6px;
	z-index: 9999;
	overflow: hidden;
	text-align: left;
	flex-direction: column;
}
.help_dd_content::before {
	content: '';
	display: block;
	height: 6px;
	background: transparent;
	margin-top: -6px;
}
a.help_dd_item {
	font-family: abel, sans-serif !important;
	font-size: 16px !important;
	padding: 12px 20px !important;
	color: #4B4B4B !important;
	background: transparent !important;
	text-decoration: none !important;
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	border: none !important;
	outline: none !important;
	line-height: 1 !important;
	min-height: 0 !important;
	height: auto !important;
	width: 100% !important;
	box-sizing: border-box !important;
	box-shadow: none !important;
	border-radius: 8px !important;
	float: none !important;
	margin: 0 !important;
	transition: background-color 0.15s ease;
}
.bs23_box_frame_1_menu a.help_dd_item:hover,
a.help_dd_item:hover {
	background-color: #F7F7F7 !important;
	color: #4B4B4B !important;
	background-image: none !important;
	border-color: transparent !important;
}
a.help_dd_item.help_dd_disabled {
	opacity: 0.35 !important;
	pointer-events: none;
	cursor: default;
}
a.help_dd_item.help_dd_disabled:hover {
	background: transparent !important;
}
.help_dd_icon {
	display: inline-block;
	width: 22px;
	height: 22px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	flex-shrink: 0;
	opacity: 0.6;
}
.help_dd_content a:hover .help_dd_icon {
	opacity: 0.85;
}
.help_dd_icon_page {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B4B4B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E");
}
.help_dd_icon_video {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B4B4B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='23 7 16 12 23 17 23 7'/%3E%3Crect x='1' y='5' width='15' height='14' rx='2' ry='2'/%3E%3C/svg%3E");
}
.help_dd_icon_tour {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B4B4B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}
.help_dd_label {
	flex: 1;
}
.help_dd_arrow {
	font-size: 20px;
	color: #C0C0C0;
	flex-shrink: 0;
}
.help_dd_content a:hover .help_dd_arrow {
	color: #999;
}
/* Help-Dropdown Mobile Fix */
@media (max-width: 768px) {
	#menu_left_big_1 {
		display: none !important;
	}
	#main_field_1 {
		left: 0 !important;
		width: 100% !important;
	}
	div.help_dd_wrap > div.help_dd_content {
		position: absolute !important;
		width: 260px !important;
		min-width: 260px !important;
		right: 0 !important;
		left: auto !important;
		background: #FFFFFF !important;
		border-radius: 12px !important;
		box-shadow: 0 8px 30px rgba(0,0,0,0.12) !important;
		padding: 6px 0 6px 6px !important;
		z-index: 99999 !important;
		overflow: hidden !important;
	}
	div.help_dd_wrap > div.help_dd_content[style*="flex"] {
		flex-direction: column !important;
	}
	a.help_dd_item {
		display: flex !important;
		flex-direction: row !important;
		width: 100% !important;
		float: none !important;
	}
}

/* Projekt-Dropdown im Menü */
#menu_project_box{
	position: relative;
	height: 50px;
	width: 100%;
	min-width: 70px;
	max-width: 300px;
	overflow: visible;
	border-bottom: 1px solid #E0E0E0;
	background-color: #d8edd8;
	}
#menu_project_nr{
	position: absolute;
	left: 0;
	top: 0;
	width: 70px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: abel, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #4B4B4B;
	}
#menu_project_name{
	position: absolute;
	left: 70px;
	top: 0;
	right: 92px;
	height: 50px;
	line-height: 50px;
	font-family: abel, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #4B4B4B;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: 0;
	transition: opacity 0.3s ease;
	}
#menu_project_actions{
	position: absolute;
	right: 5px;
	top: 0;
	height: 50px;
	display: flex;
	align-items: center;
	gap: 2px;
	opacity: 0;
	transition: opacity 0.3s ease;
	}
.menu_project_icon{
	width: 26px;
	height: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: abel, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #4B4B4B;
	text-decoration: none;
	border-radius: 4px;
	background-color: #FFFFFF;
	cursor: pointer;
	transition: background-color 0.2s ease;
	}
.menu_project_icon:hover{
	background-color: #E8E8E8;
	color: #333;
	}

/* Refresh-Icon im Menu */
.menu_refresh_icon{
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: bold;
	color: var(--bs_green, var(--bs_green));
	text-decoration: none;
	border-radius: 4px;
	cursor: pointer;
	opacity: 0;
	transition: opacity 0.3s ease, background-color 0.2s ease;
	}
.menu_refresh_icon:hover{
	background-color: #E0E0E0;
	}
.menu_refresh_inactive{
	pointer-events: none;
	}
.menu_refresh_active{
	pointer-events: auto;
	opacity: 1;
	}
@keyframes bsSpin{
	from{ transform: rotate(0deg); }
	to{ transform: rotate(360deg); }
	}

/* Zurück-Pfeil Button (kleiner) */
.menu_left_back{
	height: 40px;
	}
.menu_left_back .menu_left_2{
	left: 15px;
	}
.nav_button_back{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B4B4B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='19' y1='12' x2='5' y2='12'/%3E%3Cpolyline points='12 19 5 12 12 5'/%3E%3C/svg%3E");
	width: 40px;
	height: 40px;
	background-size: 60%;
	}
.nav_button_back:hover{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='19' y1='12' x2='5' y2='12'/%3E%3Cpolyline points='12 19 5 12 12 5'/%3E%3C/svg%3E");
	}

/* Sub-Menü Container + Items */
.menu_sub_container {
	max-height: calc(100vh - 380px);
	overflow-y: auto;
	overflow-x: hidden;
	}
.menu_sub_container::-webkit-scrollbar{
	width: 4px;
	}
.menu_sub_container::-webkit-scrollbar-thumb{
	background: #B0B0B0;
	border-radius: 2px;
	}
.menu_sub_nr{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	font-family: abel, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #4B4B4B;
	text-align: center;
	line-height: 1.1;
	}
.menu_left_sub{
	background-color: #E8E8E8;
	height: 50px;
	transition: background-color 0.2s ease;
	border-bottom: 1px solid #D8D8D8;
	}
.menu_left_sub:hover{
	background-color: #CECECE;
	}
.menu_left_sub_active{
	background-color: #FFFFFF;
	border-left: 3px solid var(--bs_green, var(--bs_green));
	}
.menu_left_sub_active .menu_left_4,
.menu_left_sub_active .menu_sub_nr{
	color: var(--bs_green, var(--bs_green));
	}
.menu_left_sub_active .nav_button_sub_doc{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2372AE74' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3Cpolyline points='10 9 9 9 8 9'/%3E%3C/svg%3E");
	}
.menu_left_sub_active .nav_button_sub_copy{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2372AE74' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='13' height='13' rx='2' ry='2'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/%3E%3C/svg%3E");
	}
.menu_left_sub_active .nav_button_sub_list{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2372AE74' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='8' y1='6' x2='21' y2='6'/%3E%3Cline x1='8' y1='12' x2='21' y2='12'/%3E%3Cline x1='8' y1='18' x2='21' y2='18'/%3E%3Cline x1='3' y1='6' x2='3.01' y2='6'/%3E%3Cline x1='3' y1='12' x2='3.01' y2='12'/%3E%3Cline x1='3' y1='18' x2='3.01' y2='18'/%3E%3C/svg%3E");
	}
.menu_left_sub_active .nav_button_sub_plus{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2372AE74' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'/%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E");
	}
.menu_left_sub_active .nav_button_sub_check{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2372AE74' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4.5'/%3E%3Cline x1='7.8' y1='7.8' x2='4' y2='4'/%3E%3Ccircle cx='3' cy='3' r='1.2' fill='%2372AE74'/%3E%3Cline x1='16.2' y1='7.8' x2='20' y2='4'/%3E%3Ccircle cx='21' cy='3' r='1.2' fill='%2372AE74'/%3E%3Cline x1='7.8' y1='16.2' x2='4' y2='20'/%3E%3Ccircle cx='3' cy='21' r='1.2' fill='%2372AE74'/%3E%3Cline x1='16.2' y1='16.2' x2='20' y2='20'/%3E%3Ccircle cx='21' cy='21' r='1.2' fill='%2372AE74'/%3E%3Cline x1='12' y1='7.5' x2='12' y2='3'/%3E%3Ccircle cx='12' cy='1.8' r='1.2' fill='%2372AE74'/%3E%3Cline x1='12' y1='16.5' x2='12' y2='21'/%3E%3Ccircle cx='12' cy='22.2' r='1.2' fill='%2372AE74'/%3E%3Cline x1='7.5' y1='12' x2='3' y2='12'/%3E%3Ccircle cx='1.8' cy='12' r='1.2' fill='%2372AE74'/%3E%3Cline x1='16.5' y1='12' x2='21' y2='12'/%3E%3Ccircle cx='22.2' cy='12' r='1.2' fill='%2372AE74'/%3E%3C/svg%3E");
	}
.menu_left_sub_active .nav_button_sub_chart{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2372AE74' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Crect x='8' y='2' width='8' height='4' rx='1' ry='1'/%3E%3Cline x1='8' y1='11' x2='16' y2='11'/%3E%3Cline x1='8' y1='15' x2='13' y2='15'/%3E%3C/svg%3E");
	}
.menu_left_sub_active .nav_button_sub_tag{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2372AE74' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3E%3Cline x1='7' y1='7' x2='7.01' y2='7'/%3E%3C/svg%3E");
	}
.menu_left_sub_active .nav_button_sub_team{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2372AE74' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
	}
.menu_left_sub_active .nav_button_sub_mail{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2372AE74' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3C/svg%3E");
	}
.menu_left_sub_active .nav_button_sub_user{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2372AE74' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
	}
.menu_left_sub_active .nav_button_sub_gear{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2372AE74' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z'/%3E%3C/svg%3E");
	}
.menu_left_sub_active .nav_button_sub_vrtour{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2372AE74' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ctext x='12' y='9.5' text-anchor='middle' font-size='9' font-weight='600' fill='%2372AE74' stroke='none' font-family='Arial,sans-serif'%3E360%3C/text%3E%3Ccircle cx='18.5' cy='2' r='1' fill='%2372AE74' stroke='none'/%3E%3Cpath d='M1.5 15.5 C1.5 13 6 12 12 12 C18 12 22.5 13 22.5 15.5' fill='none'/%3E%3Cpath d='M22.5 15.5 C22.5 18 18 19.5 12 19.5 C9 19.5 6.5 19 5 18.2' fill='none'/%3E%3Cpath d='M6.5 17.5 L3 19 L6.5 20.5' fill='none'/%3E%3C/svg%3E");
	}
.menu_left_sub_active .nav_button_sub_building{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2372AE74' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='4' x2='5' y2='21'/%3E%3Cline x1='7' y1='2' x2='5' y2='4'/%3E%3Cline x1='7' y1='2' x2='12' y2='5'/%3E%3Cline x1='12' y1='5' x2='12' y2='6'/%3E%3Cline x1='7' y1='2' x2='7' y2='16'/%3E%3Cline x1='10' y1='9' x2='10' y2='21'/%3E%3Cline x1='13' y1='7' x2='13' y2='21'/%3E%3Cline x1='13' y1='7' x2='20' y2='10'/%3E%3Cline x1='13' y1='7' x2='10' y2='9'/%3E%3Cline x1='20' y1='10' x2='20' y2='21'/%3E%3Cline x1='3' y1='21' x2='22' y2='21'/%3E%3C/svg%3E");
	}
.menu_left_sub_active .nav_button_sub_calendar{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2372AE74' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3Crect x='7' y='13' width='3' height='3' rx='0.5'/%3E%3Crect x='14' y='13' width='3' height='3' rx='0.5'/%3E%3C/svg%3E");
	}
.menu_left_sub_active .nav_button_sub_inbox{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2372AE74' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='22 12 16 12 14 15 10 15 8 12 2 12'/%3E%3Cpath d='M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z'/%3E%3C/svg%3E");
	}
.menu_left_sub_active .nav_button_sub_contacts{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2372AE74' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='2' width='19' height='20' rx='2'/%3E%3Cline x1='5' y1='2' x2='5' y2='22'/%3E%3Cline x1='-1' y1='6' x2='2' y2='6'/%3E%3Cline x1='-1' y1='10' x2='2' y2='10'/%3E%3Cline x1='-1' y1='14' x2='2' y2='14'/%3E%3Cline x1='-1' y1='18' x2='2' y2='18'/%3E%3Ccircle cx='13' cy='9' r='2'/%3E%3Cpath d='M9.5 17v-1a3.5 3.5 0 0 1 7 0v1'/%3E%3C/svg%3E");
	}
.menu_left_sub_active .nav_button_sub_addressbook{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2372AE74' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='2' width='18' height='20' rx='2'/%3E%3Cline x1='8' y1='7' x2='18' y2='7'/%3E%3Cline x1='8' y1='12' x2='18' y2='12'/%3E%3Cline x1='8' y1='17' x2='18' y2='17'/%3E%3Ccircle cx='5.5' cy='7' r='1' fill='%2372AE74' stroke='none'/%3E%3Ccircle cx='5.5' cy='12' r='1' fill='%2372AE74' stroke='none'/%3E%3Ccircle cx='5.5' cy='17' r='1' fill='%2372AE74' stroke='none'/%3E%3C/svg%3E");
	}
.menu_left_sub_inactive{
	background: repeating-linear-gradient(
		-45deg,
		#E8E8E8,
		#E8E8E8 4px,
		#E0E0E0 4px,
		#E0E0E0 8px
	);
	cursor: default;
	opacity: 0.7;
	}
.menu_left_sub_inactive .menu_left_4,
.menu_left_sub_inactive .menu_sub_nr{
	color: #A0A0A0;
	}
.menu_left_sub_inactive:hover{
	background: repeating-linear-gradient(
		-45deg,
		#E8E8E8,
		#E8E8E8 4px,
		#E0E0E0 4px,
		#E0E0E0 8px
	);
	}
.menu_left_sub .menu_left_2{
	left: 10px;
	}
.menu_left_sub .menu_left_3{
	top: 0px;
	height: 50px;
	width: 210px;
	}
.menu_left_sub .menu_left_4{
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	}
.menu_left_A{
	transition: background-color 0.2s ease;
}
/* Bald verfügbar Badge im Menu */
.bs_menu_badge_soon{
	position: absolute;
	top: 0;
	right: 8px;
	height: 100%;
	display: none;
	align-items: center;
	justify-content: flex-end;
	z-index: 12;
}
.bs_menu_open .bs_menu_badge_soon{
	display: flex;
}
/* Sub-Icon Basis (50x50 fuer 50px hohe Sub-Items) */
.nav_button_sub_base{
	width: 50px;
	height: 50px;
	background-size: 50%;
	}
/* Dokument/Datei */
.nav_button_sub_doc{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B4B4B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3Cpolyline points='10 9 9 9 8 9'/%3E%3C/svg%3E");
	}
/* Vorlage/Kopie */
.nav_button_sub_copy{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B4B4B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='13' height='13' rx='2' ry='2'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/%3E%3C/svg%3E");
	}
/* Liste/Uebersicht */
.nav_button_sub_list{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B4B4B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='8' y1='6' x2='21' y2='6'/%3E%3Cline x1='8' y1='12' x2='21' y2='12'/%3E%3Cline x1='8' y1='18' x2='21' y2='18'/%3E%3Cline x1='3' y1='6' x2='3.01' y2='6'/%3E%3Cline x1='3' y1='12' x2='3.01' y2='12'/%3E%3Cline x1='3' y1='18' x2='3.01' y2='18'/%3E%3C/svg%3E");
	}
/* Plus/Neu */
.nav_button_sub_plus{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B4B4B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'/%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E");
	}
/* Eingang/Inbox */
.nav_button_sub_inbox{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B4B4B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='22 12 16 12 14 15 10 15 8 12 2 12'/%3E%3Cpath d='M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z'/%3E%3C/svg%3E");
	}
/* API Hub */
.nav_button_sub_check{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B4B4B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4.5'/%3E%3Cline x1='7.8' y1='7.8' x2='4' y2='4'/%3E%3Ccircle cx='3' cy='3' r='1.2' fill='%234B4B4B'/%3E%3Cline x1='16.2' y1='7.8' x2='20' y2='4'/%3E%3Ccircle cx='21' cy='3' r='1.2' fill='%234B4B4B'/%3E%3Cline x1='7.8' y1='16.2' x2='4' y2='20'/%3E%3Ccircle cx='3' cy='21' r='1.2' fill='%234B4B4B'/%3E%3Cline x1='16.2' y1='16.2' x2='20' y2='20'/%3E%3Ccircle cx='21' cy='21' r='1.2' fill='%234B4B4B'/%3E%3Cline x1='12' y1='7.5' x2='12' y2='3'/%3E%3Ccircle cx='12' cy='1.8' r='1.2' fill='%234B4B4B'/%3E%3Cline x1='12' y1='16.5' x2='12' y2='21'/%3E%3Ccircle cx='12' cy='22.2' r='1.2' fill='%234B4B4B'/%3E%3Cline x1='7.5' y1='12' x2='3' y2='12'/%3E%3Ccircle cx='1.8' cy='12' r='1.2' fill='%234B4B4B'/%3E%3Cline x1='16.5' y1='12' x2='21' y2='12'/%3E%3Ccircle cx='22.2' cy='12' r='1.2' fill='%234B4B4B'/%3E%3C/svg%3E");
	}
/* Projektrapport/Klemmbrett */
.nav_button_sub_chart{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B4B4B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Crect x='8' y='2' width='8' height='4' rx='1' ry='1'/%3E%3Cline x1='8' y1='11' x2='16' y2='11'/%3E%3Cline x1='8' y1='15' x2='13' y2='15'/%3E%3C/svg%3E");
	}
/* Offerte/Tag */
.nav_button_sub_tag{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B4B4B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3E%3Cline x1='7' y1='7' x2='7.01' y2='7'/%3E%3C/svg%3E");
	}
/* Team/Personen */
.nav_button_sub_team{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B4B4B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
	}
/* Mail/Einladung */
.nav_button_sub_mail{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B4B4B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3C/svg%3E");
	}
/* Benutzer/Profil */
.nav_button_sub_user{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B4B4B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
	}
/* Einstellungen/Regler */
.nav_button_sub_gear{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B4B4B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' y1='21' x2='4' y2='14'/%3E%3Cline x1='4' y1='10' x2='4' y2='3'/%3E%3Cline x1='12' y1='21' x2='12' y2='12'/%3E%3Cline x1='12' y1='8' x2='12' y2='3'/%3E%3Cline x1='20' y1='21' x2='20' y2='16'/%3E%3Cline x1='20' y1='12' x2='20' y2='3'/%3E%3Cline x1='1' y1='14' x2='7' y2='14'/%3E%3Cline x1='9' y1='8' x2='15' y2='8'/%3E%3Cline x1='17' y1='16' x2='23' y2='16'/%3E%3C/svg%3E");
	}
/* VR Tour / 360 */
.nav_button_sub_vrtour{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B4B4B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ctext x='12' y='9.5' text-anchor='middle' font-size='9' font-weight='600' fill='%234B4B4B' stroke='none' font-family='Arial,sans-serif'%3E360%3C/text%3E%3Ccircle cx='18.5' cy='2' r='1' fill='%234B4B4B' stroke='none'/%3E%3Cpath d='M1.5 15.5 C1.5 13 6 12 12 12 C18 12 22.5 13 22.5 15.5' fill='none'/%3E%3Cpath d='M22.5 15.5 C22.5 18 18 19.5 12 19.5 C9 19.5 6.5 19 5 18.2' fill='none'/%3E%3Cpath d='M6.5 17.5 L3 19 L6.5 20.5' fill='none'/%3E%3C/svg%3E");
	}
/* Submittentenliste/Kontaktbuch */
.nav_button_sub_contacts{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B4B4B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='2' width='19' height='20' rx='2'/%3E%3Cline x1='5' y1='2' x2='5' y2='22'/%3E%3Cline x1='-1' y1='6' x2='2' y2='6'/%3E%3Cline x1='-1' y1='10' x2='2' y2='10'/%3E%3Cline x1='-1' y1='14' x2='2' y2='14'/%3E%3Cline x1='-1' y1='18' x2='2' y2='18'/%3E%3Ccircle cx='13' cy='9' r='2'/%3E%3Cpath d='M9.5 17v-1a3.5 3.5 0 0 1 7 0v1'/%3E%3C/svg%3E");
	}
/* Adressliste */
.nav_button_sub_addressbook{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B4B4B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='2' width='18' height='20' rx='2'/%3E%3Cline x1='8' y1='7' x2='18' y2='7'/%3E%3Cline x1='8' y1='12' x2='18' y2='12'/%3E%3Cline x1='8' y1='17' x2='18' y2='17'/%3E%3Ccircle cx='5.5' cy='7' r='1' fill='%234B4B4B' stroke='none'/%3E%3Ccircle cx='5.5' cy='12' r='1' fill='%234B4B4B' stroke='none'/%3E%3Ccircle cx='5.5' cy='17' r='1' fill='%234B4B4B' stroke='none'/%3E%3C/svg%3E");
	}
/* Baukosten (Dollar) */
.nav_button_sub_costs{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B4B4B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='1' x2='12' y2='23'/%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E");
	}
.menu_left_sub_active .nav_button_sub_costs{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2372AE74' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='1' x2='12' y2='23'/%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E");
	}
/* Kalender */
.nav_button_sub_calendar{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B4B4B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3Crect x='7' y='13' width='3' height='3' rx='0.5'/%3E%3Crect x='14' y='13' width='3' height='3' rx='0.5'/%3E%3C/svg%3E");
	}
/* Firma/Gebaeude */
.nav_button_sub_building{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B4B4B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='4' x2='5' y2='21'/%3E%3Cline x1='7' y1='2' x2='5' y2='4'/%3E%3Cline x1='7' y1='2' x2='12' y2='5'/%3E%3Cline x1='12' y1='5' x2='12' y2='6'/%3E%3Cline x1='7' y1='2' x2='7' y2='16'/%3E%3Cline x1='10' y1='9' x2='10' y2='21'/%3E%3Cline x1='13' y1='7' x2='13' y2='21'/%3E%3Cline x1='13' y1='7' x2='20' y2='10'/%3E%3Cline x1='13' y1='7' x2='10' y2='9'/%3E%3Cline x1='20' y1='10' x2='20' y2='21'/%3E%3Cline x1='3' y1='21' x2='22' y2='21'/%3E%3C/svg%3E");
	}