@font-face {
	font-family: 'Material Symbols Outlined';
	font-style: normal;
	font-weight: 400;
	src: url(../../../../core_area/core_layout/fonts/quasar/materialsymbolsoutlined/v138/materialsymbolsoutlinedv138.woff2) format('woff2');

	/* CE-3760: required to avoid fallback font display during initial page loading */
	font-display: block;
}

/* General */
html {
	height: 100%;
	-webkit-font-smoothing: antialiased;
}

body {
	position: relative;
	font-family: var(--global-text-font);
	font-size: var(--global-text-font-size);
	font-weight: var(--global-text-font-weight);
	line-height: 1.4;
	letter-spacing: .025em;
	background: #fff url('../../elements/loading/site_transparent.gif') center center no-repeat;
	color: var(--global-text-font-color);
	margin: 0;
	padding: 0;
	height: 100%;
}

body.no_scroll {
	overflow: hidden;
}

body ._mTop10 { margin-top: 10px; }
body ._mTop20 { margin-top: 20px; }
body ._mTop30 { margin-top: 30px; }
body ._mRight10 { margin-right: 10px; }
body ._mRight20 { margin-right: 20px; }
body ._mRight30 { margin-right: 30px; }
body ._mBottom10 { margin-bottom: 10px; }
body ._mBottom20 { margin-bottom: 20px; }
body ._mBottom30 { margin-bottom: 30px; }
body ._mLeft10 { margin-left: 10px; }
body ._mLeft20 { margin-left: 20px; }
body ._mLeft30 { margin-left: 30px; }

body ._pTop10 { padding-top: 10px; }
body ._pTop20 { padding-top: 20px; }
body ._pTop30 { padding-top: 30px; }
body ._pRight10 { padding-right: 10px; }
body ._pRight20 { padding-right: 20px; }
body ._pRight30 { padding-right: 30px; }
body ._pBottom10 { padding-bottom: 10px; }
body ._pBottom20 { padding-bottom: 20px; }
body ._pBottom30 { padding-bottom: 30px; }
body ._pLeft10 { padding-left: 10px; }
body ._pLeft20 { padding-left: 20px; }
body ._pLeft30 { padding-left: 30px; }

body ._smallFont8 { font-size: 8px; }
body ._smallFont10 { font-size: 10px; }

.bold { font-weight: bold; }
.hide { display: none; }
.hide_hard { display: none !important; }

.tleft { text-align: left; }
.tcenter { text-align: center; }
.tright { text-align: right; }

.vtop { vertical-align: top; }
.vmiddle { vertical-align: middle; }
.vbottom { vertical-align: bottom; }

.fleft { float: left !important; }
.fright { float: right !important; }
.clear_left { clear: left !important; }
.clear_right { clear: right !important; }
.clear_both {
	clear: both !important;
}
.clear_left,
.clear_right,
.clear_both {
	float: none !important;
	height: 0 !important;
	width: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	visibility: hidden !important;
}

h1, h2, h3, h4, h5, h6, ul, li, p, form {
	display: block;
	margin: 0;
	padding: 0;
}

[data-v-app] h1,
[data-v-app] h2,
[data-v-app] h4,
[data-v-app] .text-h1,
[data-v-app] .text-h2,
[data-v-app] .text-h4 {
	line-height: normal;
	letter-spacing: normal;
}

[data-v-app] h1,
[data-v-app] .text-h1,
h1 {
	font-family: var(--global-h1-font);
	font-size: var(--global-h1-font-size);
	color: var(--global-h1-font-color);
	font-weight: var(--global-h1-font-weight);
	hyphens: auto;
}

h1 {
	margin-bottom: var(--global-h1-margin-bottom);
}

[data-v-app] h2,
[data-v-app] .text-h2,
h2 {
	font-family: var(--global-h2-font);
	font-size: var(--global-h2-font-size);
	color: var(--global-h2-font-color);
	font-weight: var(--global-h2-font-weight);
}

h2 {
	margin-bottom: var(--global-h2-margin-bottom);
}

[data-v-app] h4,
[data-v-app] .text-h4,
h4 {
	font-family: var(--global-h4-font);
	font-size: var(--global-h4-font-size);
	color: var(--global-h4-font-color);
	font-weight: var(--global-h4-font-weight);
}

h4 {
	margin-bottom: var(--global-h4-margin-bottom);
}

/* disable unsolicited header tag margins for quasar components */
[data-v-app] {
	--global-h2-margin-bottom: 0;
	--global-h4-margin-bottom: 0;
}

/* Links */
a {
	color: var(--anchor-color);
	text-decoration: var(--anchor-text-decoration);
}

a:hover {
	color: var(--anchor-color-hover);
	text-decoration: var(--anchor-text-decoration-hover);
}

.material-icons-outlined {
	font-family: 'Material Symbols Outlined', sans-serif;
	font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
	font-weight: normal;
	font-size: 24px;
	font-feature-settings: 'liga';
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	vertical-align: bottom;
	line-height: 1;
}

/*	CONTENT */
#kundenbereich {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: auto;
}

#main_content {
	position: relative;
	display: flex;
	flex-direction: column;
	height: auto;
	background: var(--global-main-content-background);
	align-items: center;
	flex-grow: 1;
}

#main_content ._overlay {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 25px;
	width: 100%;
	height: 100%;
	background-color: rgba(85, 85, 85, 0.9);
	z-index: 10;
	border-radius: var(--global-border-radius);
	color: #fff;
	font-size: var(--global-text-font-size);
}

#main_content ._overlay span {
	display: inline-block;
	position: relative;
	top: calc(50% - 25px);
	left: 0;
}

/* HEADER */
#header {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	align-self: flex-start;
	width: 100%;
	min-height: 121px;
	position: relative;
	background: var(--global-header-background);
	border-bottom: var(--header-border-bottom);
	box-shadow: var(--header-shadow);
	margin-bottom: 2rem;
}

#header a {
	text-decoration: none;
}

.header_top_wrapper {
	max-width: 1200px;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	position: relative;
	padding: 20px 0;
	align-items: center;
}

.header_top_wrapper #menu {
	display: none;
}

.header_bottom_wrapper {
	width: 100%;
	display: flex;
	justify-content: center;
}

#header .logo_wrapper {
	flex: 0 0 260px;
}

#header ._logo {
	background-image:  url('../../elements/logo.svg');
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	width: 180px;
	height: 95px;
}

.account_detail_toggle_button {
	visibility: hidden;
}

.secure .account_detail_toggle_button {
	visibility: visible;
}

.header_desktop {
	background: var(--header-box-background-color);
	border: var(--header-box-border);
	border-radius: var(--header-box-border-radius);
	box-shadow: var(--header-box-shadow);
	padding: 24px;
	width: 100%;
	max-width: 940px;
}

.header_desktop_top {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding-bottom: 24px;
}

.header_desktop_top h4 {
	margin-bottom: 0;
}

.header_desktop_link_wrapper a {
	margin-left: 5px;
}

.header_desktop_link_wrapper a:hover {
	text-decoration: none;
}

.header_desktop_link_wrapper .material-icons-outlined {
	color: var(--anchor-color);
	font-size: 32px;
	line-height: unset;
}

.header_desktop_bottom {
	display: flex;
	gap: 1rem;
}

#header .list,
.header_contract_wrapper {
	position: relative;
	flex: 1 1 0;
	min-width: 0;
}

.header_desktop_bottom .material-icons-outlined {
	cursor: pointer;
	position: absolute;
	top: 17px;
}

.header_desktop_bottom .material-icons-outlined.person,
.header_desktop_bottom .material-icons-outlined.contract_energy,
.header_desktop_bottom .material-icons-outlined.chosen_contract_energy,
.header_desktop_bottom .material-icons-outlined.no_chosen_contract {
	left: 10px;
}

.header_desktop_bottom .material-icons-outlined.arrow_right,
.header_desktop_bottom .material-icons-outlined.arrow_drop_down {
	right: 0;
}

#header .list .label_customer_number,
.header_contract_wrapper .label_contract {
	cursor: pointer;
	font-size: 12px;
	left: 40px;
	position: absolute;
	top: 8px;
}

#header .list .box_current_user_name_list_menu_item,
._contract_link,
.header_contract_wrapper .label_no_chosen_contract,
.header_contract_wrapper .label_all_contracts {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #f5f5f5;
	border: 1px solid #f5f5f5;
	border-bottom-color: #49454F;
	border-radius: 4px 4px 0 0;
	box-sizing: border-box;
	color: var(--global-text-font-color);
	display: block;
	font-family: var(--global-text-font);
	font-size: var(--global-text-font-size);
	min-height: 56px;
	padding: 24px 20px 8px 40px;
}

#header .list .box_current_user_name_list_menu_item,
.user_name_list_menu_box li:not(.legend) {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 100%;
}

#header .list:not(.no_dropdown) .box_current_user_name_list_menu_item:hover,
#header .list .box_current_user_name_list_menu_item.hover,
#header .header_contract_wrapper:not(.no_dropdown) ._contract_link:hover,
#header ._contract_link.hover {
	background-color: var(--input-field-background-focus);
	border: var(--input-field-border-focus);
	box-shadow: var(--input-field-box-shadow-focus);
	color: var(--global-text-font-color);
	text-decoration: none;
}

#header .list.no_dropdown .box_current_user_name_list_menu_item:hover,
#header .header_contract_wrapper.no_dropdown ._contract_link:hover {
	color: inherit;
	cursor: inherit;
	text-decoration: none;
}

#header .no_dropdown .label_customer_number,
#header .no_dropdown .label_contract,
#header .no_dropdown .material-icons-outlined {
	cursor: inherit;
}

#header .no_dropdown .arrow_drop_down {
	display: none;
}

.user_name_list_menu_box,
.contract_menu {
	background-color: #f5f5f5;
	border: 1px solid #f5f5f5;
	border-radius: 4px;
	box-shadow: 0 10px 20px rgb(0 0 0 / 30%);
	box-sizing: border-box;
	display: none;
	position: absolute;
	width: 100%;
	z-index: 1;
}

.user_name_list_menu_box li,
.contract_menu li {
	padding: 5px 0 5px 14px;
	position: relative;
}

.user_name_list_menu_box li:not(.legend) {
	padding-left: 30px;
}

.user_name_list_menu_box li.legend {
	font-weight: bold;
}

.user_name_list_menu_box li.active,
.contract_menu li.chosen {
	color: var(--menu-sidebar-item-font-color-hover);
}

.user_name_list_menu_box li:not(.active, .legend):hover,
.contract_menu li:not(.chosen):not(.headline):hover {
	color: var(--menu-sidebar-item-font-color-hover);
	cursor: pointer;
}

.header_desktop_bottom .material-icons-outlined.chosen_contract_energy:not(.chosen) {
	display: none;
}

.header_contract_wrapper .contract_name {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.header_contract_wrapper li.headline {
	font-weight: 500;
}

.header_contract_wrapper li .contract_name {
	left: 28px;
	position: relative;
	width: calc(100% - 28px);
}

.header_contract_wrapper li .contract_location,
.header_contract_wrapper li .contract_location_object_key {
	color: var(--global-text-font-secondary-color);
	display: inline-block;
	font-size: 13px;
	font-weight: 400;
	left: 28px;
	overflow: hidden;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: calc(100% - 28px);
}

.header_desktop_bottom .material-icons-outlined.no_chosen_contract {
	color: var(--input-field-font-color-disabled);
}

.header_contract_wrapper .label_no_chosen_contract {
	color: var(--input-field-font-color-disabled);
	padding-top: 18px;
}

.header_contract_wrapper .label_all_contracts {
	color: var(--input-field-font-color-disabled);
	padding-top: 24px;
}


/* CONTENT */
#content {
	display: flex;
	flex-direction: column;
	max-width: 1200px;
	width: 100%;
	flex-grow: 1;
	background: var(--global-main-content-background);
	margin-bottom: 3rem;
}

#content .content_top{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-height: 30px;
}

#content .content_top .content_top_links {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#content .content_middle {
	display: flex;
	justify-content: flex-start;
}

#main_column {
	position: relative;
	width: 100%;
}

#main_column .content_wrapper {
	position: relative;
}

.label {
	margin-bottom: .5rem;
	display: inline-block;
}

.content {
	margin-bottom: 1rem;
}

/* Breadcrumb */
.back_to_root {
	text-decoration: none;
	color: var(--anchor-color);
	margin-bottom: 2rem;
	font-weight: bold;
	display: inline-block;
}

.back_to_root:hover {
	color: var(--anchor-color-hover);
	text-decoration: var(--anchor-text-decoration-hover);
}

.back_to_root:before {
	content:                       '\e5c4';
	font-family:                   'Material Symbols Outlined', sans-serif;
	font-variation-settings:       'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
	font-weight:                   normal;
	font-style:                    normal;
	font-size:                     24px;
	font-feature-settings: 'liga';
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing:        antialiased;
	vertical-align:                bottom;
	line-height:                   1;
}

.back_to_root:hover:before {
	text-decoration: none;
}

.start .back_to_root {
	visibility: hidden;
}

/* SIDEBAR */
#side_column {
	display: block;
	flex: 0 0 260px;
}

#side_column #ct {
	width: 100%;
}
#side_column .customer_data_container
{
	width: 100%;
	background-color: var(--menu-item-background-color);
	color: var(--menu-item-font-color);
	padding: 24px;
	border-radius: var(--global-border-radius);
}

#side_column .customer_data_wrapper {
	font-size: 15px;
}

#side_column .customer_data_container h3 {
	font-size: var(--global-h2-font-size);
	margin-bottom: 15px;
}

/* Menü Seitenleiste */

#side_column #ct #menu_side ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: 25px;
	margin-bottom: .5rem;
}

#side_column #ct #menu_side ul li a {
	display: block;
	padding: 0.75rem 1rem;
	font-weight: normal;
	color: var(--menu-sidebar-item-font-color);
	background: var(--menu-sidebar-item-background-color);
	border-radius: var(--menu-sidebar-item-border-radius);
	text-decoration: none;
	width: 100%;
	line-height: 1.8;
}

#side_column #ct #menu_side ul li.active a,
#side_column #ct #menu_side ul li.active:hover a {
	color: var(--menu-sidebar-item-font-color-active);
	background: var(--menu-sidebar-item-background-color-active);
}

#side_column #ct #menu_side ul li:hover a {
	color: var(--menu-sidebar-item-font-color-hover);
	background: var(--menu-sidebar-item-background-color-hover);
}

#side_column #ct #menu_side ul li.active {
	color: var(--menu-sidebar-item-font-color-active);
}

#side_column #ct #menu_side ul li:hover {
	color: var(--menu-sidebar-item-font-color-hover);
}


#side_column .material-icons-outlined {
	font-size: 32px;
	margin-right: .5rem;

	/* CE-3760: required while displaying invisible fallback font during initial page loading */
	display: inline-block;
	width: 32px;
	word-break: normal;
}

.postbox_counter {
	background-color: var(--menu-sidebar-bubble-background-color);
	border-radius: 50px;
	color: var(--menu-sidebar-bubble-text-color);
	display: inline-block;
	font-weight: 600;
	height: 27px;
	line-height: 28px;
	margin-left: 5px;
	text-align: center;
	width: 27px;
}

/* SIDE NAV USER */
#side_user_nav {
	background: #fff;
	margin-top: 15px;
}

#side_user_nav .side_nav_wrapper>div.list.open > a:before {
	transform: rotate(90deg);
}

#side_user_nav .side_nav_wrapper { position: relative; }
#side_user_nav .side_nav_wrapper a,
#side_user_nav .side_nav_wrapper > div {
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	cursor: pointer;
	color: #000;
}

#side_column #side_user_nav .side_nav_wrapper > a:hover,
#side_user_nav .side_nav_wrapper > div a:hover { text-decoration: underline; }
#side_user_nav .side_nav_wrapper > div.list { padding: 0; }
#side_column #side_user_nav .side_nav_wrapper > div a { position: relative; display: block; padding: 10px 15px; cursor: pointer; text-decoration: none; }
#side_column #side_user_nav .side_nav_wrapper > div a.a_link { padding: 0; color: #555; }
#side_user_nav .side_nav_wrapper > div.list div.small { font-size: 10px; }
#side_user_nav .side_nav_wrapper ul {
	display: none;
	list-style-type: none;
	margin: 0;
	width: 100%;
	border-top: 3px solid #ccc;
}

#side_user_nav .side_nav_wrapper ul li {
	margin: 0;
	padding: 6px 15px;
	cursor: pointer;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
}
#side_user_nav .side_nav_wrapper ul li.first { padding-top: 7px; }
#side_user_nav .side_nav_wrapper ul li.last { padding-bottom: 7px; }
#side_user_nav .side_nav_wrapper ul li:hover { background-color: #eee; }
#side_user_nav .side_nav_wrapper ul li.active { display: none; font-weight: bold; cursor: default; }
#side_user_nav .side_nav_wrapper ul li:hover.active { background-color: #eee; }
#side_user_nav .side_nav_wrapper ul li.legend { text-align: right; font-size: 10px; border: 0 none; }
#side_user_nav .side_nav_wrapper ul li.legend:hover { background: none; cursor: default; text-decoration: none; }
.side_user_nav.line_breaker { border-bottom: 1px solid #fff; border-top: 1px solid #555; margin-left: -15px; width: calc(100% + 30px); }

/* CONFIG_LOGOUT NAV */

#side_column #ct .config_logout_wrapper .config_account_data {
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
}

#side_column #ct .config_logout_wrapper .config_account_data {
	padding: 10px 0;
}

#side_column #ct .config_logout_wrapper .logout {
	display: flex;
	justify-content: flex-end;
	padding: 1rem 0 0 0;
}
#side_column #ct .config_logout_wrapper .config_account_data a {
	color: var(--menu-item-font-color);
	text-decoration: none;
	margin-left: 5px;
}
#side_column #ct .config_logout_wrapper .config_account_data a:hover {
	text-decoration: underline;
}

/* STATIC CONTENT */
iframe.static {
	border: 0 none;
	background-color: transparent;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* DEBUG */
#msg {
	position:     absolute;
	left:         10px;
	top:          10px;
	border:       1px solid #000;
	color:        #FFFFFF;
	padding:      10px;
	font-size:    11px;
	z-index:      2000;
	max-width:    450px;
	-ms-filter:   'Alpha(Opacity=70)';
	filter:       alpha(opacity = 70);
	-moz-opacity: 0.70;
	opacity:      0.70;
}

#msg div.pad {
	position:         absolute;
	left:             0;
	top:              0;
	width:            100%;
	height:           100%;
	z-index:          1;
	background-color: #000;
	-ms-filter:       'Alpha(Opacity=50)';
	filter:           alpha(opacity = 50);
	-moz-opacity:     0.50;
	opacity:          0.50;
}

#msg div.item {
	margin-bottom: 10px;
}

#msg pre {
	margin: 0;
	padding: 0;
}

#msg div.ct {
	position: relative;
	z-index: 2;
}

#msg div.msg_timed {
	cursor: pointer;
	overflow: hidden;
}

#msg div.collapsed {
	background-color: #000;
}


/* Responsive Design */

div.header_small,
div.btn_small_close,
#responsive_menu {
	display: none;
}

body .register_user form.active tr td.label .info_text,
body .password_forget form.active tr td.label .info_text,
body .config_account_data form.active tr td.label .info_text {
	padding: 10px;
	border: 1px solid #ccc;
	position: absolute;
	top: 65px;
	left: 10px;
	z-index: 2;
	background: #fff;
	width: calc(100% - 40px);
}

#kundenbereich #main_content table._filter input[type='radio'],
#kundenbereich.out #main_content table.form td.content input[type='radio'] {
	margin: 4px 0 0;
	cursor: pointer;
	vertical-align: top;
}

#kundenbereich #main_content table._filter label.consumption_element,
#kundenbereich.out #main_content table.form td.content label.consumption_element {
	width: calc(100% - 24px);
	display: inline-block;
	margin-left: 10px;
	cursor: pointer;
}

.data_wrapper {
	position: relative;
	width: 100%;
	margin-bottom: 2rem;
	border-bottom: 1px solid var(--global-divider-color);
	padding-bottom: 2rem;
}

.data_wrapper.last {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

/* Logout */
#logout .content_text {
	padding: 20px 0 30px 0;
}

#logout .content_button {
	padding-top: 20px;
}

/* HELPER */
div.left {
	float: left;
}

div.right {
	float: right;
	margin-left: 20px;
}

div.pos {
	position: relative;
}

div.clear_both {
	clear: both;
	height: 0;
	width: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

/* TABSET */
div.ebp_tabset {
	position: relative;
	overflow: visible;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

div.ebp_tabset h3 {
	background-color: var(--tab-background-color);
	color: var(--tab-font-color);
	line-height: 1.4 !important;
	font-size: 1.125rem;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: var(--tab-border);
	padding: 10px 20px;
	text-align: center;
	hyphens: auto;
	flex: 1 1 auto;
	margin-bottom: 1rem;
	letter-spacing: 2px;
}

div.ebp_tabset h3.active {
	background-color: var(--tab-background-color-active);
	color: var(--tab-font-color-active);
	border-bottom: var(--tab-border-active);
}

div.ebp_tabset h3.hover {
	background-color: var(--tab-background-color);
	color: var(--tab-font-color-hover);
}

div.ebp_tabset h3 a {
	color: var(--tab-font-color);
	text-decoration: none;
}

div.ebp_tabset h3:hover a {
	color: var(--tab-font-color-hover);
	text-decoration: none;
}

div.ebp_tabset div.tabct {
	width: 100%;
	display: inline-block;
	position: relative;
	flex-basis: 100%;
}

div.ebp_tabset div.tab {
	display: none;
	z-index: 1;
}

div.ebp_tabset div.tab.active {
	z-index: 2;
}

div.ebp_tabset p {
	padding: 5px 0;
	margin-bottom: 10px;
}


/* TABLES */

.req_info {
	display: none;
	width: 100%;
}

table.form {
	position: relative;
	width: 100%;
}

table.form.float {
	margin-bottom: 10px;
}

table.form.inline {
	display: none;
}

table.form .hidden {
	display: none;
}

table tr td span:not(.req_info),
table tr th span:not(.req_info) {
	display: inline-block;
}

table tr td.tleft,
table tr td.left,
table tr th.tleft,
table tr th.left {
	text-align: left;
}

table tr td.tcenter,
table tr td.center,
table tr th.tcenter,
table tr th.center {
	text-align: center;
}

table tr td.tright,
table tr td.right,
table tr th.tright,
table tr th.right {
	text-align: right;
}

table tr td.vtop,
table tr td.top,
table tr th.vtop,
table tr th.top {
	vertical-align: top;
}

table tr td.vmiddle,
table tr td.middle,
table tr th.vmiddle,
table tr th.middle {
	vertical-align: middle;
}

table tr td.vbottom,
table tr td.bottom,
table tr th.vbottom,
table tr th.bottom {
	vertical-align: bottom;
}

table.form tbody tr:not(.hidden) {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

table.form tbody tr td.w {
	padding-left: 15px;
	padding-right: 15px;
}


/* FORMS */
form {
	position: relative;
}

form > div {
	position: relative;
}

form._static table.form.vsep th {
	border-right: 1px solid #f5bb26;
}

/* Checkboxen */
._wrapper_checkbox input[type='checkbox'] {
	display: unset;
	position: relative;
}

._wrapper_checkbox label {
	display: unset;
	margin-left: 0.5rem;
	cursor: default;
}
form.active ._wrapper_checkbox label,
form.active ._wrapper_checkbox input[type='checkbox'] {
	cursor: pointer;
}

/* LISTS */
table.list {
	border-spacing: 0 0;
}

table.list tr th,
table.list tr td {
	font-weight: normal;
	background: #fff;
	font-size: 12px;
	color: #555;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	white-space: nowrap;
}

table.list tbody tr td {
	cursor: pointer;
}

table.list tr th {
	width: auto;
	font-size: 10px;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	background: #555;
	color: #fff;
}

table.list tr th.first,
table.list tr td.first {
	padding-left: 12px;
	border-left: 0 none;
}

table.list tr th.last,
table.list tr td.last {
	padding-right: 12px;
	border-right: 0 none;
}

table.list tr.last td {
	border-bottom: 0 none;
}

table.list tr th.inline {
	padding: 5px;
	border-left: 1px solid #fffee1;
}

table.list tr td.w {
	padding-left: 15px;
	padding-right: 15px;
}

table.list tr td.focus {
	background: var(--table-content-highlight);
}

table.list.nofocus tr td.focus {
	background: #fff;
}

table.list tr td.wrap {
	white-space: normal;
}

table.list tr td.nowrap {
	white-space: nowrap;
}

table.focus {
	border-radius: 10px;
	box-shadow: 2px 2px 4px #ccc;
}

/* INPUTS */
input:not(.q-field__native)[type='text'],
input:not(.q-field__native)[type='email'],
input:not(.q-field__native)[type='password'],
textarea,
select {
	width: 100%;
	font-family: var(--input-field-font-family);
	font-size: var(--input-field-font-size);
	color: var(--input-field-font-color);
	padding: var(--input-field-padding);
	border: var(--input-field-border);
	border-radius: var(--input-field-border-radius);
	background-color: var(--input-field-background);
	box-shadow: var(--input-field-box-shadow);
	cursor: default;
}

select {
	padding: var(--input-field-selectbox-padding);
}

input:not(.q-field__native)[type='text']:hover,
input:not(.q-field__native)[type='email']:hover,
input:not(.q-field__native)[type='password']:hover,
textarea:hover,
select:hover {
	border: var(--input-field-border-hover);
	background-color: var(--input-field-background-hover);
	box-shadow: var(--input-field-box-shadow-hover);
}

input:not(.q-field__native)[type='text']:focus,
input:not(.q-field__native)[type='email']:focus,
input:not(.q-field__native)[type='password']:focus,
textarea:focus,
select:focus {
	border: var(--input-field-border-focus);
	background-color: var(--input-field-background-focus);
	box-shadow: var(--input-field-box-shadow-focus);
}

input:not(.q-field__native)[type='text'][disabled],
input:not(.q-field__native)[type='email'][disabled],
input:not(.q-field__native)[type='password'][disabled],
textarea[disabled],
select[disabled] {
	border: var(--input-field-border-disabled);
	background-color: var(--input-field-background-disabled);
	box-shadow: var(--input-field-box-shadow-disabled);
	color: var(--input-field-font-color-disabled);
}

:focus-visible {
	outline: 2px solid #000;
	border-radius: 3px;
}

/* Datepicker */
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: var(--input-field-font-family);
	font-size: var(--input-field-font-size);
	color: var(--input-field-font-color);
}

.ui-datepicker select {
	padding: 10px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev {
	left: 1px;
}

.ui-datepicker .ui-datepicker-next {
	right: 1px;
}

.ui-datepicker-prev,
.ui-datepicker-next,
.ui-datepicker-prev,
.ui-datepicker-prev {
	border: 1px solid transparent;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
	border-radius: var(--global-border-radius);
	border: var(--global-border);
}

.ui-state-active,
.ui-widget-content .ui-state-active {
	background: var(--button-primary-background-hover);
	border: var(--button-primary-border-hover);
	color: var(--button-primary-font-color-hover);
}

.ui-datepicker .ui-datepicker-buttonpane button {
	background: var(--button-primary-background);
	border: var(--button-primary-border);
	border-radius: var(--button-border-radius);
	color: var(--button-primary-font-color);
	text-transform: var(--button-text-transform);
	font-weight: var(--button-font-weight);
	font-size: var(--button-font-size);
	box-shadow: var(--button-primary-shadow);
	padding: 10px;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover {
	background: var(--button-primary-background-hover);
	border: var(--button-primary-border-hover);
	color: var(--button-primary-font-color-hover);
	box-shadow: var(--button-primary-shadow-hover);
}

.ui-datepicker {
	z-index: 99 !important;
}

.ui-datepicker button.ui-datepicker-current {
	display: none;
}

#ui-datepicker-div-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 98;
	background: transparent;
}

/* LIST INPUTS */
table.list input[type='text'],
table.list input[type='password'],
table.list textarea,
table.list select {
	cursor: pointer;
}

/* ACTIVE INPUTS */
form.active input[name='password_repeat']._green_pw_repeat_,
form.active input[name='pw_2']._green_pw_repeat_ {
	border-color: #0c0;
}

form.active input[name='password_repeat']._red_pw_repeat_,
form.active input[name='pw_2']._red_pw_repeat_ {
	border-color: #c00;
}

form.active input[type='text'].readonly,
form.active input[type='text'].readonly.disabled {
	background: var(--input-field-background-disabled);
	border: var(--input-field-border-disabled);
	box-shadow: var(--input-field-box-shadow-disabled);
	cursor: default;
}

/* Button Allgemein */
a.global_button,
.global_button {
	position: relative;
	font-family: var(--button-font);
	font-size: var(--button-font-size);
	font-weight: var(--button-font-weight);
	letter-spacing: var(--button-letter-spacing);
	text-transform: var(--button-text-transform);
	border-radius: var(--button-border-radius);
	transition: var(--button-transition);
	display: flex;
	justify-content: center;
	align-items: center;
	border: var(--button-primary-border);
	margin: 0;
	width: var(--button-width);
	padding: var(--button-padding);
	color: var(--button-primary-font-color);
	background: var(--button-primary-background);
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	min-height: 48px;
	white-space: normal;
	box-shadow: var(--button-primary-shadow);
}

a.global_button:hover,
.global_button:hover {
	background: var(--button-primary-background-hover);
	border: var(--button-primary-border-hover);
	color: var(--button-primary-font-color-hover);
	box-shadow: var(--button-primary-shadow-hover);
}

.global_button.cancel,
a.global_button.cancel,
.global_button.close,
a.global_button.close,
.global_button.back,
._log_link.global_button {
	background: var(--button-secondary-background);
	border: var(--button-secondary-border);
	color: var(--button-secondary-font-color);
	box-shadow: var(--button-secondary-shadow);
}

.global_button.cancel:hover,
a.global_button.cancel:hover,
.global_button.close:hover,
a.global_button.close:hover,
.global_button.back:hover,
._log_link.global_button:hover {
	background: var(--button-secondary-background-hover);
	border: var(--button-secondary-border-hover);
	color: var(--button-secondary-font-color-hover);
	box-shadow: var(--button-secondary-shadow-hover);
}

a.global_button.disabled,
.global_button.disabled,
a.global_button.disabled:hover,
.global_button.disabled:hover {
	background: var(--button-primary-background-disabled);
	border: var(--button-primary-border-disabled);
	color: var(--button-primary-font-color-disabled);
	box-shadow: none;
	cursor: not-allowed;
}

.navigation_wrapper {
	display: flex;
	justify-content: space-between;
}

/* Form Table Buttons */
.btn_wrapper {
	margin-top: .5rem;
	flex-shrink: 0;
	display: flex;
}

.button_table_wrapper {
	display: flex;
	justify-content: flex-end;
}

.buttons_table_cell:not(.req_info) {
	display: flex;
	justify-content: flex-end;
	width: 100%;
}

.buttons_table_cell .btn_wrapper {
	margin-left: 10px;
}

/* Boxes */
.loaded .tabct,
.wbox {
	padding: 1.5rem;
	background: var(--global-content-background);
	box-shadow: var(--global-content-shadow);
	border: var(--global-border);
	border-radius: var(--global-border-radius);
	display: flex;
	flex-direction: column;
	flex: 1 1 0;
}

/* Buttons in den Tabellen */
a.button:before {
	display: inline-block;
	color: var(--button-icon-font-color);
	font-family: 'Material Symbols Outlined', sans-serif, sans-serif;
	font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	font-feature-settings: 'liga';
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	vertical-align: bottom;
	line-height: 1;
}

a.button.details:before {
	content: '\e88e';
}

a.button.delete:before {
	content: '\e5cd';
}

a.button.edit:before {
	content: '\e3c9';
}

a.button.download:before {
	content: '\f090';
}
a.button.download.disabled:before {
	content: '\e4fe';
}

a.button.calendar:before {
	content: '\e878';
}

.focus a.button:hover:before,
a.button:hover:before {
	color: var(--button-icon-font-color-hover);
}

a.button {
	padding: 0 12px;
	background-color: var(--button-icon-background);
	border-radius: var(--button-border-radius);
	border: var(--button-icon-border);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	margin-left: .5rem;
	font-size: 0;
	box-shadow: var(--button-primary-shadow);
	max-width: 40px;
	height: 38px;
	text-decoration: none;
}

a.button:hover {
	background-color: var(--button-icon-background-hover);
	border: var(--button-icon-border-hover);
	text-decoration: none;
	box-shadow: var(--button-icon-shadow-hover);
}

a.button.calendar {
	display: none;
}

a.button.calendar.active,
form.active a.button.calendar {
	display: flex;
}

a.button.disabled,
a.button.disabled:hover{
	background: var(--button-primary-background-disabled);
	border: var(--button-primary-border-disabled);
	color: var(--button-primary-font-color-disabled);
	box-shadow: none;
	cursor: not-allowed;
}

/* Cookie */

.wrapper_cookie {
	position: absolute;
	background: #fff;
	opacity: 0.7;
}

.wrapper_cookie table.cookie {
	height: 100%;
	margin: 0;
}

.wrapper_cookie table.cookie tbody tr td {
	font-weight: bold;
	font-size: 12px;
}

/* Responsive Design */

._show_from_medium,
._show_from_xmedium,
._show_from_small,
.table_header_cell span._show_from_medium,
.table_body_cell span._show_from_medium,
.table_footer_cell span._show_from_medium,
.table_header_cell span._show_from_xmedium,
.table_body_cell span._show_from_xmedium,
.table_footer_cell span._show_from_xmedium,
.table_header_cell span._show_from_small,
.table_body_cell span._show_from_small,
.table_footer_cell span._show_from_small {
	display: none;
}

/* Tables  */
.table_container {
	width: 100%;
	background-color: var(--table-background-color);
}

.table_header_row,
.table_body_row {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 2px;
}

.table_header_cell {
	background-color: var(--table-header-background-color);
	color: var(--table-header-color);
	font-weight: bold;
	box-sizing: border-box;
	font-size: 1rem;
	padding: 5px;
	hyphens: auto;
}

.table_body_cell,
.table_body_cell_clean {
	cursor: pointer;
	padding: 5px;
	border-bottom: var(--table-cell-divider);
}

.table_body_cell.focus,
.table_body_cell_clean.focus {
	background-color: var(--table-content-highlight);
}

.table_body_row.no_entries .table_body_cell,
.table_body_row.no_entries .table_body_cell_clean{
	border-right: none;
	display: block;
	float: none;
	padding: 12px;
	width: 100%;
}

.table_body_header_cell {
	border-right: 1px solid #fff;
	border-top: 1px solid #ccc;
}

.table_body_header_cell.last {
	border-right: 0 none;
}

.table_body_cell span,
.table_footer_cell span {
	display: inline-block;
}

.table_body_cell input[type='text'],
.table_body_cell_clean input[type='text']{
	padding: var(--table-input-padding);
}

.asterisk_active {
	display: none;
}

.asterisk_info {
	display: none;
}

form.active .asterisk_active {
	display: inline-block;
}

form.active .asterisk_info {
	display: block;
}


/* 503 */
#_503 {
	height: 403px;
	border-radius: 10px;
}

#_503.without_register_user {
	height: 193px;
}

#_503.without_login {
	height: 153px;
}

/* Footer */
.footer {
	background-color: var(--global-footer-background);
	width: 100%;
}

.footer_wrapper {
	max-width: 1200px;
	margin: 0 auto;
	width: 100%;
	color: var(--global-footer-font-color);
	font-size: var(--global-caption-font-size);
	padding: 1rem 0;
	text-align: center;
}

.footer_wrapper a {
	color: var(--global-footer-font-color);
}

/* Logout */
.logout #side_column {
	display: none;
}

/* MSG BOX */

body {
	/* ensure the 'q-dialog-plugin' does not screw with the standard body scrolling */
    top: unset !important;
    left: unset !important;
}

/* Quasar-Dialog */
[data-v-app] .fullscreen {
	/* replace quasars standard 'z-index: 6000' for this selector */
	/* to ensure quasars dialogs are drawn ABOVE the preloader overlay */
	/* from the 'preload' jQUery plugin which has 'z-index: 10000' */
	z-index: 60000 !important;
}
.q-dialog-plugin {
	/* to avoid the dialog area shifting to the left when closing */
	width: 100% !important;
}

[data-v-app] .q-sidebar-plugin > .q-dialog__inner {
	/* refurbish the 'q-dialog' to look like a 'siv-sidebar' */
    padding: 0;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.q-dialog-plugin .q-dialog__message li {
	display: block;
	padding: 20px 2px 0 20px;
	background-image: url('../../elements/message_box/bullet_ok.png');
	background-position: left 23px;
	background-repeat: no-repeat;
}

.q-dialog-plugin .q-dialog__message li.no_icon {
	padding: 0;
	background: none;
}

.q-dialog-plugin .q-dialog__message li.error {
	background-image: url('../../elements/message_box/bullet_error.png');
	background-position: left 23px;
}

.q-dialog-plugin .q-dialog__message li.warning {
	background-image: url('../../elements/message_box/bullet_warning.png');
	background-position: left 21px;
}

.q-dialog-plugin.info .q-dialog__message li.no_icon {
	background-image: none;
	padding: 2px 0 2px 25px;
}

.q-dialog-plugin .q-dialog__message li.line_wrap {
	background: none;
}

.q-dialog-plugin .table_container .table_body_row .table_body_cell {
	border: 0 none;
	padding: 5px;
}

.q-dialog-plugin .table_container .table_body_row .table_body_cell.label {
	width: 50%;
	border-right: 1px solid #ccc;
}

.q-dialog-plugin .table_container .table_body_row .table_body_cell.content {
	width: 50%;
	text-align: right;
}

.q-dialog-plugin .table_container .table_body_row .table_body_cell.first.last {
	width: 100%;
	height: auto;
}

/* Spotlight */
.spotlight {
	margin-bottom: 10px;
	position: relative;
}

.spotlight.show_background {
	background-color: var(--header-box-background-color);
}

.spotlight .image {
	left: 0;
	margin: 0 auto;
	min-height: 200px;
	position: absolute;
	right: 0;
	text-align: center;
}

.spotlight img {
	width: 100%;
}

.spotlight h4 {
	padding-top: 20px;
	text-shadow: 1px 1px 3px #000;
}

.spotlight p {
	text-shadow: 1px 1px 3px #000;
}

.spotlight h4,
.spotlight p,
.spotlight .link {
	padding-bottom: 10px;
	position: relative;
	text-align: center;
}

.spotlight a {
	display: inline-block;
}


/* Spotlight position specific */
#side_column .spotlight {
	height: 200px;
	width: calc(100% - 25px);
}

#side_column .spotlight .image {
	right: auto;
}

#side_column .spotlight h4 {
	font-size: 18px;
	padding-left: 4px;
	padding-right: 4px;
}

#side_column .spotlight p {
	font-size: 14px;
	padding-left: 4px;
	padding-right: 4px;
}

#side_column .spotlight a {
	min-height: 24px;
	padding: 4px 8px;
}

#spotlight_overview {
	min-height: 250px;
}

#spotlight_logout {
	min-height: 200px;
}

#spotlight_logout h4,
#spotlight_logout p {
	padding-left: 16px;
	padding-right: 16px;
}

#spotlight_popup {
	margin: 0;
	min-height: 250px;
	width: 300px;
}

#spotlight_popup h4,
#spotlight_popup p {
	padding-left: 8px;
	padding-right: 8px;
}

.tooltip {
	background: #fff;
	border: 1px solid #f0bd13;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	padding: 2px;
	z-index: 3;
	white-space: nowrap;
}

.tooltip.readonly {
	background: #f5bb26;
	border-color: #fff;
}

/* Overlays */
.ui-widget-overlay {
	background-color: #666;
	opacity: .5;
	filter: Alpha(Opacity=50);
}

.ui-widget-shadow {
	margin: -5px 0 0 -5px;
	padding: 5px;
	background-color: #000;
	opacity: .2;
	filter: Alpha(Opacity=20);
	border-radius: 5px;
}

/* Details */
#details_dummy {
	position: absolute;
	top: -10000px;
	left: -10000px;
	z-index: 900;
}

#details_outer {
	display: none;
}

#details table {
	width: 100%;
	background-color: var(--global-background-darker);
}

#details table tr:not(.hidden) {
	flex-direction: row;
	justify-content: inherit;
}

#details table tr:not(.hidden) td {
	width: 50%;
	padding: 5px;
}

.table_body_wrapper {
	display: grid;
	background-color: #fff;
}

.table_body_wrapper > #details {
	position: relative;
	grid-column: 1;
	grid-row-end: 99999;
	pointer-events: none;
	display:none;
}

.table_body_wrapper > #details > div {
	background-color: #fff;
	border: 0;
	pointer-events: all;
}

.table_body_row.list {
	grid-column: 1;
}

#details div.preloader,
#details div.preloader div.preloader_bgnd {
	border-radius: 0;
}

.details_close {
	cursor: pointer;
	margin-left: auto;
	display: flex;
	align-items: center;
}

.details_close:before {
	content:                       '\e5cd';
	font-family:                   'Material Symbols Outlined', sans-serif;
	font-variation-settings:       'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
	font-weight: bold;
	font-style:                    normal;
	font-size:                     24px;
	font-feature-settings: 'liga';
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing:        antialiased;
	line-height:                   1;
	color: var(--global-secondary-color);
}

#details h3 {
	width: 100%;
	text-align: left;
	padding: 5px;
	display: flex;
	margin-bottom: 0;
	border-bottom: 2px solid var(--global-text-font-color);
	background-color: var(--global-background-darker);
	color: var(--global-text-font-color);
}

#details h3 span:not(:last-child) {
	margin-right: 5px;
}

#details_dummy div.preloader,
#details_dummy div.preloader div.preloader_bgnd {
	border-radius: 0;
}

#details_dummy table {
	background: transparent;
	margin: 0;
}

#details table tbody tr td span.html_bill_class {
	white-space: normal;
}

#details table tbody tr td span.html_bill_current_total span.red {
	color: #a00;
}

#details table tbody tr td span.html_bill_current_total span.green {
	color: #0a0;
}

#kundenbereich.contract #details table tbody tr.taxes_info td {
	padding: 10px 35px 10px 10px;
}

/*Quasar*/
body [data-v-app] {
	font-family: var(--global-text-font);
	font-weight: var(--global-text-font-weight);
	font-size: var(--global-text-font-size);
	line-height: 1.4;
	letter-spacing: .025em;
	color: var(--global-text-font-color);
}

/* RESPONSIVE */

/* responsive large */
.responsive_large .header_top_wrapper,
.responsive_large #content,
.responsive_large .footer {
	padding-left: 16px;
	padding-right: 16px;
}

/* Header */
.header_desktop_link_wrapper a {
	display: inline-block;
}
.responsive_large .header_desktop_link_wrapper a {
	margin: 0;
}

.responsive_large .header_desktop_link_wrapper .material-icons-outlined {
	font-size: 26px;
}

.responsive_large .header_desktop_bottom {
	display: block;
}

.responsive_large #header .list,
.responsive_large .header_contract_wrapper {
	width: 100%;
}

.responsive_large #header .list {
	margin-bottom: 24px;
}

/* Spotlight */
.responsive_large #side_column .spotlight {
	display: none;
}

.responsive_large #spotlight_overview .image,
.responsive_large #spotlight_logout .image {
	overflow: hidden;
}

.responsive_large #spotlight_overview img,
.responsive_large #spotlight_logout img {
	width: auto;
}

/* responsive medium */
.responsive_medium ._show_from_medium,
.responsive_medium .table_header_cell span._show_from_medium,
.responsive_medium .table_body_cell span._show_from_medium,
.responsive_medium .table_footer_cell span._show_from_medium {
	display: block;
}

.responsive_medium ._show_up_medium,
.responsive_medium .table_header_cell span._show_up_medium,
.responsive_medium .table_body_cell span._show_up_medium,
.responsive_medium .table_footer_cell span._show_up_medium {
	display: none;
}

/* Header */
.responsive_medium #header {
	box-shadow: none;
	display: block;
	height: auto;
	min-height: 70px;
}

.responsive_medium .header_top_wrapper {
	display: block;
	padding: 0;
}

.responsive_medium #header .logo_wrapper {
	display: none;
}

.responsive_medium div.header_small {
	border: 0;
	box-shadow: var(--header-shadow);
	display: flex;
	justify-content: space-between;
	padding: 7px 1rem;
	align-items: center;
}

.responsive_medium #header .menu_btn_small,
.responsive_medium #header .btn_small_close {
	cursor: pointer;
	display: inline-block;
	color: var(--menu-icon-font-color);
	font-size: 40px;
}

.responsive_medium #header .menu_btn_small span,
.responsive_medium #header .btn_small_close span {
	font-size: 48px;
}

.responsive_medium #header div.btn_small_close {
	display: none;
}

.responsive_medium #header .menu_btn_small:hover,
.responsive_medium #header .btn_small_close:hover {
	color: var(--menu-icon-font-color-hover);
}

.responsive_medium .logo_small {
	background-image:  url('../../elements/logo.svg');
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	width: 110px;
	height: 55px;
}

.responsive_medium .account_detail_toggle_button.show_small_links,
.responsive_medium .account_detail_toggle_button:hover {
	background-color: var(--overview-tile-background-color-hover);
	text-decoration: none;
}

.responsive_medium #header .account_circle {
	font-size: 33px;
}

.responsive_medium #header .stable_version {
	display: none;
}

.responsive_medium .header_desktop {
	margin: 1rem 1rem 0;
	width: calc(100% - 2rem);
}

.responsive_medium .header_desktop_link_wrapper {
	display: none;
}

/* Menü */
.responsive_medium #menu {
	display: none;
}

.responsive_medium #responsive_menu {
	display: block;
	position: relative;
	width: 100%;
}

.responsive_medium #menu_small {
	border-bottom: var(--menu-item-background-color);
	border-top: none;
	display: none;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;
	box-shadow: 0 10px 20px rgb(0 0 0 / 30%);
}

.responsive_medium #menu_small ul {
	height: auto;
	width: auto;
}

.responsive_medium #menu_small ul li {
	border-right: none;
	border-top: var(--menu-item-border);
	float: none;
	height: auto;
	overflow: hidden;
}

.responsive_medium #menu_small ul li i,
.responsive_medium #menu_small ul li svg {
	display: none;
}

.responsive_medium #menu_small ul li a {
	background-color: var(--menu-item-background-color);
	display: block;
	padding: 15px 15px 15px 20px;
	font-size: var(--menu-item-font-size);
	font-weight: bold;
	color: var(--menu-item-font-color);
	text-decoration: none;
}

.responsive_medium #menu_small ul li.active a,
.responsive_medium #menu_small ul li:hover a {
	background-color: var(--menu-item-background-color-hover);
	color: var(--menu-item-font-color-hover);
}

.responsive_medium #menu_small ul li a span {
	margin-right: .5rem;
}

.responsive_medium #header_small_link_wrapper {
	background-color: #fff;
	box-shadow: 0 10px 20px rgb(0 0 0 / 30%);
	display: none;
	position: absolute;
	right: 0;
	top: -7px;
	z-index: 2;
}

.responsive_medium #header_small_link_wrapper a {
	color: var(--menu-sidebar-item-font-color);
	display: block;
	font-size: var(--menu-item-font-size);
	line-height: 30px;
	padding: 7px 10px;
}

.responsive_medium #header_small_link_wrapper a .material-icons-outlined {
	color: var(--anchor-color);
	font-size: 32px;
	padding-right: 3px;
}

.responsive_medium #header_small_link_wrapper a:hover {
	background-color: var(--overview-tile-background-color-hover);
	text-decoration: none;
}

/* Main Content */
.responsive_medium #main_content {
	width: 100%;
}

.responsive_medium #kundenbereich.start #main_column {
	width: 100%;
}

.responsive_medium #content {
	padding: 0 16px;
}

.responsive_medium #side_column {
	display: none;
}

.responsive_medium .content_middle {
	flex-direction: column;
}

/* Footer*/
.responsive_medium #footer_small {
	border-top-width: 5px;
}

/* Tabellen */
.responsive_medium table colgroup {
	display: none;
}

.responsive_medium table.form {
	width: 100%;
}

.responsive_medium .asterisk_active {
	display: none;
}

.responsive_medium table._static span.asterisk_active,
.responsive_medium form.active span.asterisk_active {
	display: inline-block;
}

.responsive_medium table._static select {
	width: 100%;
}

/* Messagebox */
.responsive_medium body.platform-ios [data-v-app] .q-dialog__inner--minimized > div,
.responsive_medium body.platform-android:not(.native-mobile) [data-v-app] .q-dialog__inner--minimized > div {
	max-height: none;
}

/* Start */
.responsive_medium .start .header_small {
	display: none;
}

/* responsive xmedium */

.responsive_xmedium ._show_from_xmedium,
.responsive_xmedium .table_header_cell span._show_from_xmedium,
.responsive_xmedium .table_body_cell span._show_from_xmedium,
.responsive_xmedium .table_footer_cell span._show_from_xmedium {
	display: block;
}

.responsive_xmedium table ._show_from_xmedium {
	display: table-cell;
}

.responsive_xmedium ._show_up_xmedium,
.responsive_xmedium table ._show_up_xmedium,
.responsive_xmedium .table_header_cell span._show_up_xmedium,
.responsive_xmedium .table_body_cell span._show_up_xmedium,
.responsive_xmedium .table_footer_cell span._show_up_xmedium {
	display: none;
}

.responsive_xmedium #main_column {
	float: none;
	width: 100%;
}

/* responsive small */

.responsive_small #content .content_top,
.responsive_small #content .content_title{
	padding: 0 8px;
}

.responsive_small h1 {
	font-size: var(--global-h1-font-size-responsive);
}

.responsive_small table.form tbody tr td.label._show_up_medium {
	display: none;
}

.responsive_small ._show_from_small,
.responsive_small .table_header_cell span._show_from_small,
.responsive_small .table_body_cell span._show_from_small,
.responsive_small .table_footer_cell span._show_from_small {
	display: block;
}

.responsive_small table ._show_from_small {
	display: table-cell;
}

.responsive_small ._show_up_small,
.responsive_small table ._show_up_small,
.responsive_small .table_header_cell span._show_up_small,
.responsive_small .table_body_cell span._show_up_small,
.responsive_small .table_footer_cell span._show_up_small {
	display: none;
}

.responsive_small .data_wrapper {
	width: 100%;
}

.responsive_small #side_column .customer_data_container {
	border-radius: 0;
	padding: 16px;
}

/* Tabs */
.responsive_small div.ebp_tabset h3 {
	font-size: 1rem;
	padding: 8px;
}

.responsive_small .tabct,
.responsive_small .wbox {
	border-radius: 0;
}

/* Tabellen */
.responsive_small table colgroup {
	display: none;
}

.responsive_small table._static span.asterisk_active,
.responsive_small form.active span.asterisk_active {
	display: inline-block;
}

.responsive_small table._static select {
	width: 100%;
}

/* Form Table Buttons */
.responsive_small .button_table_wrapper {
	flex-direction: column;
}

.responsive_small .buttons_table_cell:not(.req_info) {
	flex-direction: column;
	width: 100%;
}

.responsive_small .buttons_table_cell .btn_wrapper {
	margin-left: 0;
}

/* Buttons */
.responsive_small .navigation_wrapper {
	flex-direction: column-reverse;
}

.responsive_small a.global_button,
.responsive_small .global_button {
	width: 100%;
}

/* Messagebox */
.responsive_small #msgbox a.global_button,
#msgbox .global_button {
	width: 100%;
}

/* Buttons */
.responsive_small .buttons {
	flex-direction: column;
}

/* Spotlight */
.responsive_small .spotlight a.global_button {
	width: auto;
}

/* Responsive xsmall */
.responsive_xsmall ._show_up_xsmall,
.responsive_xsmall table ._show_up_xsmall,
.responsive_xsmall .table_header_cell span._show_up_xsmall,
.responsive_xsmall .table_body_cell span._show_up_xsmall,
.responsive_xsmall .table_footer_cell span._show_up_xsmall {
	display: none;
}

.responsive_xsmall #details table tr:not(.hidden) {
	display: flex;
	flex-direction: column;
}

.responsive_xsmall #details table tr:not(.hidden) td {
	width: 100%;
	padding: 0 5px;
}

.responsive_xsmall #details table tr:not(.hidden) td.label {
	margin-bottom: 0;
}