@charset "utf-8";


/*normal*/
@font-face {
	font-family: 'Barlow';
	src: url('../fonts/barlow-v4-latin-regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
}
/*medium*/
@font-face {
	font-family: 'Barlow';
	src: url('../fonts/barlow-v4-latin-500.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
}

/*semibold*/
@font-face {
	font-family: 'Barlow';
	src: url('../fonts/barlow-v4-latin-600.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
}

/*bold*/
@font-face {
	font-family: 'Barlow';
	src: url('../fonts/barlow-v4-latin-700.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
}

#header ._logo {
	width: 184px;
	height: 78px;
	background-size: contain;
	background-image: url(../elements/wse-logo-rgb-web-orig.png);
}

.responsive_medium .logo_small {
	background-image: url(../elements/wse-logo-rgb-web-orig.png);
	background-size: contain;
	width: 140px;
	height: 65px;
}

.back_to_root {
	text-decoration: none;
}

a.button {
	text-decoration: none;
}

#header a {
	text-decoration: none;
}

input:not(.q-field__native)[type='password'] {
	margin-bottom: 1px;
}

#progressbar_wrapper {
	margin-top: 1px;
}

#content .content_top .content_top_links {
	align-items: flex-start;
}

/*Calendar Widget*/
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	height: 3rem;
	border: 1px solid transparent;
	top: 0;
}

.ui-datepicker-next.ui-datepicker-next-hover,
.ui-datepicker-prev.ui-datepicker-prev-hover {
	top: 0;
}

/*Sidebar*/
#side_column {
	overflow: hidden;
}

a[title="Zählerwechseltermin"] .menu_icon,
a[title="Terminbuchung Dezentrale Entsorgung"] .menu_icon {
	display: inline-block;
    width: 32px;
    height: 32px;	
}

#side_column #ct #menu_side ul li a {
	overflow: hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
}


/*Übersicht*/
a[title="Zählerwechseltermin"] .menu_icon,
a[title="Terminbuchung Dezentrale Entsorgung"] .menu_icon,
.extern_site .icon,
.change_termin .icon {
	background-image: url(../elements/m2_calendar.svg);
	background-size: contain;
	background-repeat: no-repeat;
}

.active a[title="Zählerwechseltermin"] .menu_icon,
.active a[title="Terminbuchung Dezentrale Entsorgung"] .menu_icon {
	background-image: url(../elements/m2_calendar_white.svg);
}

ul.ebp_overview .overview_tile_title {
	align-items: flex-start;
}

ul.ebp_overview .overview_tile_title .icon {
	flex-shrink: 0;
}

/*Tab*/
div.ebp_tabset h3 a, div.ebp_tabset h3:hover a {
	text-decoration: none;
}
	
/*Footer*/
.footer_wrapper {
	color: var(--global-text-font-color);
}

.grid-container {
	max-width: 95rem;
	padding: 0 30px;
}

.welle {
	background: transparent url('../elements/footer-welle.svg') no-repeat center top;
	background-size: cover;
	display: grid;
	min-height: 400px;
	align-items: center;
}

.logo-white {
	margin: 0 auto;
	margin-top: 7em;
	align-self: end;
}

.footerMenuContainer {
	display: grid;
	align-items: center;
	height: 100%;
	padding: 1em;
	grid-column-gap: 2em;
	color: #28325f;
}

.div-bottom {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.footerMenuContainer .div-bottom.kontakt-bottom {
	grid-column: 2;
}

.footerMenuContainer .div-bottom.wir-bottom {
	grid-column: 3;
}

.footerMenuContainer h3 {
	color: #fff;
	font-weight: 500;
	font-size: 1rem;
	position: relative;
	margin-top: 2em;
	padding-left: 2em;
	margin-bottom: .5rem;
}

.footerMenuContainer h3:before {
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	top: -3px;
	left: 5px;
	border: 1px solid #fff;
	border-radius: 100%;
	background-position: center center;
	background-repeat: no-repeat;
}

.footerMenuContainer .kontakt-bottom h3:before {
	background-image: url("../elements/envelope-regular.svg");
	background-size: 1rem;
}

.footerMenuContainer .wir-bottom h3:before {
	background-image: url("../elements/location-dot-solid.svg");
	background-size: .7rem;
}

.footerMenuContainer p {
	margin-bottom: 1rem;
}

.footerMenuContainer p a{
	color: #28325f;
	text-decoration: none;
}

/*Footer links*/
.footer_links {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin: 1rem auto;
	flex-wrap: wrap;
}

.footer_links a {
	color: var(--global-text-font-color);
	font-size: 1rem;
	text-decoration: none;
	padding: 0.7rem 1rem;
	line-height: 1;
}

.footer_links a:hover {
	text-decoration: underline;
}

/*Color lines*/
.color_lines_wrapper {
	width: 100%;
	max-width: 95rem; /*same width as .grid_container in footer*/
}

.color_lines_wrapper.lines_header {
	height: 16px;
}

.color_lines_wrapper.lines_footer {
	height: 36px;
}

.color_lines {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}

.color_lines .line {
	width: calc(100% / 6);
	align-self: stretch;
}

.color_lines .line.magneta {
	background-color: #C4007A;
}

.color_lines .line.purpur {
	background-color: #8F005B;
}

.color_lines .line.marin {
	background-color: #28325F;
}

.color_lines .line.himmel {
	background-color: #009DE0;
}

.color_lines .line.pastel {
	background-color: #AFD5E5;
}

.color_lines .line.grun {
	background-color: #8C9D5D;
}

/*Kundendaten*/
body .userdata .data_wrapper form.active table.form td._birthday.content {
	align-items: center;
}

/*Abschläge*/
/*Abschlag prüfen ausblenden*/
.siv-payment-plan-overview .siv-card__buttons .q-btn:nth-child(2) {
	display: none;
}


/*Zählerstand*/
.energy_type_card .counter_info_wrapper .counter_info span {
	flex-basis: 33.33%;
}
/*UVA Funktion ausblenden*/
.energy_type_card .card_footer .card_notebox {
	display: none;
}

/*Zählerwechseltermin*/
#change_termin_navi {
	width: 100%;
}

#change_termin_navi td {
	width: 50%;
}

/*Responsive origin*/
.responsive_origin .welle  {
	height: 400px;
	grid-template-columns: 1fr 3fr;
	grid-gap: 1.25em;
	align-items: end;
	justify-items: center;
}

.responsive_origin .logo-white {
	margin-bottom: 2em;
}

.responsive_origin .footerMenuContainer {
	display: grid;
	align-items: start;
	grid-template-columns: repeat(3,1fr);
	height: auto;
	justify-content: end;
}

.responsive_origin .footerMenuContainer h3 {
	padding-left: 0;
}

.responsive_origin .footerMenuContainer p {
	line-height: 1.4;
}

.footerMenuContainer h3:before {
	left: -40px;
}

/*Responsive medium*/
.responsive_medium .footer_links {
	justify-content: space-between;
}

/*Responsive small*/
.responsive_small .footerMenuContainer {
	grid-template-columns: 1fr;
}

.responsive_small .footerMenuContainer .div-bottom.kontakt-bottom,
.responsive_small .footerMenuContainer .div-bottom.wir-bottom {
	grid-column: 1;
}

.responsive_small .footerMenuContainer h3:before {
	left: -5px;
}

.responsive_small .footer_links {
	justify-content: center;
}

.grid-container {
	padding: 0;
	width: 100%;
}

.responsive_small.register_user div.ebp_tabset>h1,
.responsive_xsmall.register_user div.ebp_tabset>h1,
.responsive_small h1, .responsive_small .slider_list, .responsive_small .label_start_site_text, .responsive_small .slider_header,
.responsive_xsmall h1, .responsive_xsmall .slider_list, .responsive_xsmall .label_start_site_text, .responsive_xsmall .slider_header {
	padding: 0 .5rem;
}

.responsive_xsmall .start form.plugin_login, .responsive_xsmall .wbox,
.responsive_small .start form.plugin_login, .responsive_small .wbox {
	padding: .5rem;
}

/*Responsive xsmall*/
.responsive_xsmall .bank_list_wrapper .table_container .icon span.name {
	display: none;
}