/* General */
.responsive_medium .logo_small {
	width: 201px;
	height: 150px;
}

a.global_button, .global_button {
    border-radius: 100px;
}
:focus-visible {
    outline: none;
}
.label {
    font-weight: 600;
}
.table_header_cell {
    padding: 15px 5px;
}
#header ._logo {
    height: 150px;
	width: 201px;
}

.footer .label_footer_1 {
    font-size: 1rem;
}
.footer .label_footer_1 strong {
    font-size: 1.15rem;
}

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: 1px solid transparent;
    box-shadow: 0 0 0 1px var(--global-text-font-color);
}

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: 1px solid transparent;
    box-shadow: 0 0 0 2px #000;
}

#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_location_wrapper:not(.no_dropdown) ._location_link:hover,
#header ._location_link.hover {
    border: 1px solid transparent;
    box-shadow: 0 0 0 2px #000;
}
.slider_list_header:before {
    color: var(--global-secondary-color);
}

/* footer */
.footer {
    background-color: var(--global-tertiary-color);
}

/* Password*/
#progressbar_wrapper {
	margin-top: 2px;
}

/* Overview */

ul.ebp_overview  .overview_tile_title .icon:before {
    color: var(--global-secondary-color);
}
/*Userdata*/
body .userdata .data_wrapper table.form.customer_address_data input[type="text"].zip {
    margin-right: 10px;
    max-width: 100%;
}

body .userdata .data_wrapper table.form.customer_address_data input[type="text"].zip,
body .userdata .data_wrapper table.form.customer_address_data input[type="text"].city {
    width: calc(50% - 5px);
}

body .userdata .data_wrapper table.form.customer_address_data input[type="text"].street {
    width: calc(50% - 5px);
}

body .userdata .data_wrapper table.form.customer_address_data input[type="text"].no,
body .userdata .data_wrapper table.form.customer_address_data input[type="text"].adr_ext {
	width: calc(25% - 7.5px);
}

body .userdata .mandatory_fields_info {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}


body .userdata .userdata_address.buttons {
    justify-content: flex-end;
}

.buttons_table_cell:not(.req_info) {
    display: inline-flex;
    width: unset;
}

/*Counter*/
.responsive_large .energy_type_card .card_body .counter_data_wrapper .counter_info,
.responsive_large .energy_type_card .card_body .counter_data_wrapper .counter_actions {
    width: 100%;
}

.responsive_large .energy_type_card .card_body .counter_data_wrapper .counter_actions {
    justify-content: flex-end;
}

.responsive_xmedium .energy_type_card .card_body .counter_list .counter_info_wrapper .counter_data_wrapper {
    flex-direction: column;
    gap: 15px;
}
.responsive_small .energy_type_card .card_body .counter_list .counter_info_wrapper .counter_data_wrapper {
    flex-direction: column;
}

.responsive_small .energy_type_card .counter_list .counter_reading_form_actions a,
.responsive_small .energy_type_card .counter_list .counter_actions a {
    width: 100%;
}

.responsive_small .card_notebox .notebox_content .counter_action_btn {
    margin: 10px 0;
    width: 100%;
}

.responsive_small .energy_type_card .counter_list .counter_submit_wrapper .counter_input_wrapper {
    flex-direction: column;
}

.responsive_small .energy_type_card .counter_submit_wrapper .counter_input_wrapper label,
.responsive_small .energy_type_card .counter_input_wrapper .counter_input_holder {
    width: 100%;
}

.responsive_small .energy_type_card .counter_list .counter_reading_form_actions,
.responsive_small .energy_type_card .counter_list .counter_data_wrapper .counter_actions {
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
}

.responsive_xsmall .energy_type_card .counter_list .counter_info_wrapper .counter_info {
    width: 100%;
    align-items: center;
    flex-direction: column;
}

.counter_actions a {
    border-radius: 100px !important;
}
.notebox_content a {
    border-radius: 100px !important;
}

/*Bill*/
.responsive_small.bill .table_container .table_header_cell:first-child, .responsive_small.bill .table_container .table_body_cell:first-child {
	padding: 15px 5px;
}

.bill .pager_wrapper .info_wrapper {
	text-align: unset;
}

/*Contract*/
.contract_tariff_action div.button.disabled, 
a.button {
    border-radius: 100px;
}

.contract #entry .table_header_row, .contract #entry .table_body_row {
    grid-template-columns: 100px 160px 150px 1fr 100px;
}

.responsive_medium.contract #entry .table_header_row, .responsive_medium.contract #entry .table_body_row {
	grid-template-columns: 1fr 1fr 1fr 100px;
}

.responsive_small.contract #entry .table_header_row, .responsive_small.contract #entry .table_body_row {
	grid-template-columns: 1fr 1fr 100px;
}

.responsive_small.contract #entry .contract_list_wrapper .table_body_cell.contract_energy_type_name, .responsive_small.contract #entry .contract_list_wrapper .table_body_cell.contract_counter_number {
	border-bottom: var(--table-cell-divider);
}

.responsive_small.contract #entry .contract_list_wrapper .table_body_cell.contract_tariff_action {
	grid-column: 3;
}

.contract #details table tr:not(.hidden) td.label {
	margin-bottom: 0;
	width: 100%;
	hyphens: auto;
}


#entry .contract_list_wrapper .label_contract_data_change {
	padding: 15px 5px;
}

.responsive_small.contract #entry .contract_list_wrapper .table_header_cell.label_contract_data_change {
	display: block;
}
/*.responsive_small.contract #entry .contract_list_wrapper .table_body_cell.contract_tariff_action {
	display: none;
}*/

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

.responsive_small.contract #details table tr:not(.hidden) td {
	width: 100%;
}

.responsive_small #details table tr:not(.hidden) td.label {
	margin-bottom: 0;
	padding: 0 5px;
}

.responsive_small.contract #entry .contract_list_wrapper .label_contract_data_counter_number {
	padding: 15px 12px;
}

/* Payment */

.siv-card__buttons button {
    border-radius: 100px !important;
}

[data-v-app] .material-symbols-outlined.siv-product-type-electricity {
	color: #5fb130 !important;
}

[data-v-app] .material-symbols-outlined.siv-product-type-gas {
	color: #ffe500 !important;
}

[data-v-app] .material-symbols-outlined.siv-product-type-water {
	color: #174286 !important;
}	

.siv-payment .siv-header {
	flex-wrap: wrap;
}

.responsive_xsmall .siv-payment-display__partial-payments > * {
	white-space: normal;
}

 .responsive_xsmall .siv-payment-display__partial-payments .siv-payment-display__new > * {
	 min-width: 40px;
 }
	

/* Menu */

.responsive_medium #menu_small {
   z-index: 3;
}

/*Auszug*/
#form_moveout_counter .moveout_counter_wrapper .table_body_wrapper  .counter_data_number_wrapper,
#form_moveout_counter .moveout_counter_wrapper  .table_body_wrapper  .counter_data_medium_wrapper,
#form_moveout_counter .moveout_counter_wrapper  .table_body_wrapper  .counter_data_installation_wrapper {
    grid-template-columns: 1fr 1fr 50px;
}

#form_moveout_counter .moveout_counter_wrapper .table_body_wrapper .table_body_row > .table_body_cell {
    margin-bottom: .5rem;
}

.responsive_small #form_moveout_counter .moveout_counter_wrapper .table_header_wrapper .table_header_row,
.responsive_small #form_moveout_counter .moveout_counter_wrapper .table_body_wrapper .table_body_row {
    grid-template-columns: 1fr;
}

.responsive_small #form_moveout_counter .moveout_counter_wrapper .table_body_wrapper .table_body_row .moveout_counter_date,
.responsive_small #form_moveout_counter .moveout_counter_wrapper .table_body_wrapper .table_body_row .moveout_counter_value {
    padding-left: 0;
}

.tab.move.out .moveout .table_header_cell.label_moveout_counter_head_date,
.tab.move.out .moveout .table_body_cell.moveout_counter_date,
.tab.move.out .moveout .table_header_cell.label_moveout_counter_head_value,
.tab.move.out .moveout .table_body_cell.moveout_counter_value {
    width: 100%;
}

.tab.move.out .moveout .table_body_cell.moveout_counter_date,
.tab.move.out .moveout .table_body_cell.moveout_counter_value {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.responsive_small .tab.move.out .moveout .table_body_cell.moveout_counter_date,
.responsive_small .tab.move.out .moveout .table_body_cell.moveout_counter_value {
    justify-content: flex-start;
}

.tab.move.out .moveout .table_body_cell .value_holder {
    display: flex;
    align-items: flex-start;
}


.tab.move.out .moveout_counter_work_container input[type="text"] {
    display: inline-block;
    width: 70%;
}

body .tab.move table.form tbody tr td input[type="text"].zip {
    margin-right: 5px;
    max-width: 100%;
}

body .tab.move table.form tbody tr td input[type="text"].zip,
body .tab.move table.form tbody tr td input[type="text"].city {
    width: calc(50% - 7.5px);
}

body .tab.move table.form tbody tr td input[type="text"].street {
    width: calc(50% - 7.5px);
    margin-right: 5px;
}

body .tab.move table.form tbody tr td input[type="text"].no {
    margin-right: 5px;
}

body .tab.move table.form tbody tr td input[type="text"].no,
body .tab.move table.form tbody tr td input[type="text"].ext {
    width: calc(25% - 8.5px);
}

.responsive_medium .tab.move table.form tbody tr td input[type="text"].zip,
.responsive_medium  .tab.move table.form tbody tr td input[type="text"].city,
.responsive_medium  .tab.move table.form tbody tr td input[type="text"].street {
    width: calc(100% - 5px);
    margin-right: 0;
}

.responsive_medium .tab.move table.form tbody tr td input[type="text"].no {
    margin-right: 10px;
}

.responsive_medium .tab.move table.form tbody tr td input[type="text"].no,
.responsive_medium .tab.move table.form tbody tr td input[type="text"].ext {
    width: calc(50% - 10px);
}

.responsive_medium .tab.move .tright .btn_wrapper {
    justify-content: flex-end;
}

#navi_address form[name=frm_navi_wrapper] .radiobox {
    display: flex;
    align-items: center;
    gap: 7.5px;
}
.tab.move.out ._counter_values .table_header_cell {
	display: block;
}
.tab.move.out ._counter_values .table_header_cell {
	width: 100%;
}
.tab.move.out ._counter_values .table_header_cell, .tab.move.out ._counter_values .table_body_cell {
	width: 100%;
}
.table_content {
	display: flex;
}

/*History*/
.history #_slider_wrapper #_sbar div.sbar_frame div.content {
	width: 110px !important;
	border-bottom: 1px solid #ccc;
}

#_slider_wrapper #_sbar div.sbar_frame div.content, #_slider_wrapper #_sbar, #_slider_wrapper #_sbar div.sbar_frame, .history #_slider_wrapper {
	height: 140px;
}

.history #_slider_wrapper #_sbar div.sbar_frame div.content .row_two {
	display: none;
}

.tab.history.history_standard .comparison_value_overview .label_wrapper {
	width: 180px;
}

.tab.history.history_standard .comparison_value_overview .label_wrapper .label {
	width: 180px;
	padding: 0 6px 0 0;
	height: 23px;
}

.tab.history.history_standard .comparison_value_overview .label_wrapper .label.row_one {
	height: 41px;
}

.tab.history.history_standard .comparison_value_overview .content_wrapper .content.row_zero,
.tab.history.history_standard .comparison_value_overview .label_wrapper .label.row_zero {
	height: 28px;
}

.tab.history.history_standard .comparison_value_overview .label_wrapper .label.row_six  {
	padding-top: 4px;
	border-top: 0;
	margin-top: 4px;
}

.tab.history.history_standard .comparison_value_overview .label_wrapper .label:nth-last-child(2) {
	margin-bottom: 0;
}

.responsive_large .tab.history.history_standard .comparison_value_overview .label_wrapper .label:nth-last-child(2) {
	margin-bottom: 7px;
}

.tab.history.history_standard .comparison_value_overview .content_wrapper .content.row_six {
	border-top: 0;
}

.history #_slider_wrapper span.btn_left, .history #_slider_wrapper span.btn_left:hover, .history #_slider_wrapper span.btn_right, .history #_slider_wrapper span.btn_right:hover {
	width: 0;
	min-width: 0;
}

.tab.history.history_standard .comparison_value_overview .label_wrapper .label.row_two {
	display: none;
}

.history #_slider_wrapper #_sbar {
	border-right: 0;
}

/*HistoryRLM*/
#render.global_button:hover {
	background: var(--button-primary-background-hover);
}

/*Moveout*/
body .out .form_moveout_address_wrapper form.active table.form tr._moveout_date td.content {
	align-items: center;
}

body .tab.move.out table.form tbody tr._counter_headline td {
	padding: 5px 0;
}

body .tab.move table.form tbody tr._separator td {
	padding: .5rem 0;
	margin-bottom: 0;
}

body .tab.move .work_list .table_content {
	align-items: center;
}

.tab.move.out #moveout_summary .moveout {
	margin-bottom: 0;
}

/*Vertragwechsel*/
#ebp_ct .ebp_tabset .tab.contractchange .target_list_wrapper .content_wrapper .content {
	width: 60%;
}

#ebp_ct .ebp_tabset .tab.contractchange .target_list_wrapper .content_wrapper .details_content .content {
	width: auto;
}

.target_list_wrapper .fleft {
	width: 70%;
}

#ebp_ct .ebp_tabset .tab.contractchange .content_wrapper ._2.target {
	width: 235px;
}

#ebp_ct .ebp_tabset .tab.contractchange .content_wrapper ._1 {
	width: 65%;
}

#ebp_ct .ebp_tabset .tab.contractchange .content_wrapper ._2 {
	width: 35%;
}


#ebp_ct .ebp_tabset .tab.contractchange .content_wrapper h5 {
	font-family: var(--global-h4-font);
    font-size: 20px;
    color: var(--global-h4-font-color);
    font-weight: var(--global-h4-font-weight);
	margin-bottom: .5rem;
}

.responsive_medium .target_list_wrapper .fleft,
.responsive_medium .target_list_wrapper .fright {
	float: none !important;
	width: 100%;
}

.responsive_medium  #ebp_ct .ebp_tabset .tab.contractchange .content_wrapper ._2.target {
	float: none !important;
	width: 100%;
}
 
 #basic_amount_wrapper {
	 flex-direction: column;
 }

/* Spotlight */
/* #side_column .spotlight { */
	/* display: flex; */
	/* flex-direction: column; */
	/* gap: 5px; */
	/* color: var(--menu-sidebar-item-font-color-active); */
    /* background: var(--menu-sidebar-item-background-color-active); */
	/* padding: 10px; */
	/* height: auto; */
/* } */

.spotlight .image {
    width: 100%;
    height: 100%;
}

.spotlight img {
	width: 100%;
    height: 100%;
}



/* .spotlight .image { */
	/* position: relative; */
/* } */

#ebp_ct .ebp_tabset .tab.contractchange .content_wrapper ._2 .target_price_wrapper{
	height: 120px;
}

/* Vertragswechsel responsive - medium */

.responsive_medium #ebp_ct .ebp_tabset .tab.contractchange .content_wrapper ._2 {
	float: none !important;
	margin-bottom: 20px;
	width: 100%;
}

.responsive_medium #ebp_ct .ebp_tabset .tab.contractchange .content_wrapper ._1 {
	float: none !important;
	width: 100%;
}

.responsive_medium #ebp_ct .ebp_tabset .tab.contractchange .content_wrapper ._2 .basic_amount .btn_wrapper._renew {
	padding-left: 0;
}

.responsive_medium a.label_contract_change_calculate_button {
	display: inline-block;
	width: auto;
}

/* Click 2 */
.responsive_medium .cc_2_navi > div,
.responsive_medium .cc_2_navi > div.tcenter {
	float: none !important;
	text-align: right;
	width: 100%;
}

.responsive_medium .cc_2_navi > div .btn_wrapper {
	width: auto;
}

.responsive_medium #ebp_ct .ebp_tabset .tab.contractchange .navi_wrapper a.global_button._white.print,
.responsive_medium #ebp_ct .ebp_tabset .tab.contractchange._detail .navi_wrapper a {
	min-width: auto;
	width: auto;
}

/* Vertragswechsel responsive - small */

.responsive_small #ebp_ct .ebp_tabset .tab.contractchange .content_wrapper {
	padding-left: 0;
	padding-right: 0;
}

.responsive_small #ebp_ct .ebp_tabset .tab.contractchange .content_wrapper .label,
.responsive_small #ebp_ct .ebp_tabset .tab.contractchange .content_wrapper div.label {
	display: block;
	padding: 5px 0 0;
	width: 100%;
}

.responsive_small #ebp_ct .ebp_tabset .tab.contractchange tr._price_table,
.responsive_small #ebp_ct .ebp_tabset .tab.contractchange .chapter_wrapper table tr {
	display: flex;
	flex-direction: column;
}

.responsive_small #ebp_ct .ebp_tabset .tab.contractchange tr._price_table td.label,
.responsive_small #ebp_ct .ebp_tabset .tab.contractchange tr._price_table td.content,
.responsive_small #ebp_ct .ebp_tabset .tab.contractchange .chapter_wrapper table td.label,
.responsive_small #ebp_ct .ebp_tabset .tab.contractchange .chapter_wrapper table td.content {
	display: block;
	width: 100%;
}

.responsive_small #ebp_ct .ebp_tabset .tab.contractchange .content_wrapper ._1 > span,
.responsive_small #ebp_ct .ebp_tabset .tab.contractchange .content_wrapper .src_details_content > span,
.responsive_small #ebp_ct .ebp_tabset .tab.contractchange .content_wrapper .target_details_content > span {
	display: block;
	width: 100%;
}

.responsive_small #ebp_ct .ebp_tabset .tab.contractchange .content_wrapper span.content,
.responsive_small #ebp_ct .ebp_tabset .tab.contractchange .content_wrapper div.content {
	display: block;
	margin-bottom: 0;
	width: 100%;
}

.responsive_small #ebp_ct .ebp_tabset .tab.contractchange .content_wrapper .headline dl dd.content {
	margin-left: 0;
	top: 0;
}

/* Click 2 */
.responsive_small .cc_2_navi > div div.btn_wrapper {
	width: 100%;
}

.responsive_small #ebp_ct .ebp_tabset .tab.contractchange .navi_wrapper a.global_button._white.print,
.responsive_small #ebp_ct .ebp_tabset .tab.contractchange._detail .navi_wrapper a {
	width: 100%;
}