.edc_tc{ position: absolute; display: none; width: 1500px; left: 50%; margin-left: -750px; z-index: 10; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25); }
.edc_tc.active{ display: block; }
.edc_tc .verbrauc { position: relative; }
.edc_tc .verbrauc span { display: none;position: absolute;top: 2px;color: #00638E;font-size: 20px;line-height: 30px;text-transform: uppercase;left: 83px;}
.edc_tc .verbrauc input:focus::placeholder {color: transparent!important;}
.edc_tc .verbrauc input:focus+span,.edc_tc .verbrauc input:not(:focus):valid+span  { display: block; }
.edc_tc .mark{ width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 14px solid #fff; top: -14px; left: 50%; transform: translate(-50%,0); position: absolute; }
.edc_tc .cont{ background: #fff; padding: 60px 20px 20px 60px; color: #00638e; display: flex; align-items: center; flex-flow: row wrap; }
.edc_tc .cont .description{ width: 25%; }
.edc_tc .cont .description > div{ display: none; }
.edc_tc.electricity .cont .description > div.electricity{ display: block; }
.edc_tc.electricityh .cont .description > div.electricityh{ display: block; }
.edc_tc.gas .cont .description > div.gas{ display: block; }
.edc_tc:not(.geschaeftlich) .geschaeftlich{ display: none !important; }
.edc_tc.geschaeftlich .no_geschaeftlich{ display: none !important; }
.edc_tc:not(.gas) .only_gas{ display: none !important; }
.edc_tc.gas .no_gas{ display: none !important; }
.edc_tc .cont .description .title{ font-weight: bold; font-size: 40px; line-height: 48px; text-align: center; text-transform: uppercase; }
.edc_tc .cont .description .subtitle{ font-weight: normal; font-size: 40px; line-height: 48px; text-align: center; margin-bottom: 40px; text-transform: uppercase; }
.edc_tc .cont .description .text{ font-weight: normal; font-size: 18px; line-height: 32px; }
.edc_tc .cont .main{ width: 75%; padding-left: 70px; }
.edc_tc .cont .main .top_row{ padding-bottom: 5px; margin-bottom: 45px; border-bottom: 1px solid #00638e; }
.edc_tc .cont .main .top_row .toggles{ display: flex; }
.edc_tc .cont .main .top_row .toggles .toggle{ display: inline-flex; height: 60px; align-items: center; justify: center; padding: 0 27px; font-size: 20px; text-transform: uppercase; cursor: pointer; appearance: none; border: none; outline: none; background: none; color: #00638e; }
.edc_tc .cont .main .top_row .toggles .toggle.active{ background: #00638e; color: #fff; }
.edc_tc .cont .main .top_row .toggles .toggle.active::before{ content: ""; display: inline-flex; width: 18px; height: 14px; background: url("images/check.png") 50% 50% no-repeat; background-size: cover; margin-right: 12px; }
.edc_tc .cont .main .top_row .toggles .toggle:focus { outline: 2px solid #00638e; }
.edc_tc .cont .main .top_row .toggles .toggle.active:focus { outline: 2px solid #98BC0B; }
.edc_tc .cont .main .fields{ display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; }
.edc_tc .cont .main .fields > div{ width: 45%; margin-bottom: 40px; }
.edc_tc .cont .main .fields > div:nth-last-child(1){ margin-bottom: 20px; }
.edc_tc .cont .main .fields > div:nth-last-child(2){ margin-bottom: 20px; }
.edc_tc .cont .main .fields > div{ width: 45%; margin-bottom: 40px; }
.edc_tc .cont .main .fields > div.persons{ display: flex; align-items: center; font-size: 20px; text-transform: uppercase; }
.edc_tc.gas .cont .main .fields > div.persons{ flex-flow: row wrap; }
.edc_tc .cont .main .fields > div.persons .text{ margin-right: 20px; }
.edc_tc.gas .cont .main .fields > div.persons .text{ width: 100%; text-align: center; margin-bottom: 10px; }
.edc_tc .cont .main .fields > div.persons .text.gas{ display: none }
.edc_tc.gas .cont .main .fields > div.persons .text.gas{ display: block }
.edc_tc.gas .cont .main .fields > div.persons .text{ display: none }
.edc_tc .cont .main .fields > div.persons .icon{ display: inline-flex; width: 20px; height: 40px; background: url("images/man.png") 50% 50% no-repeat; background-size: cover; margin-right: 30px; }
.edc_tc.gas .cont .main .fields > div.persons .icon{ background: url("images/house.png") 50% 50% no-repeat; background-size: contain; width: 28px;}
.edc_tc .cont .main .fields > div.persons .input_container{ display: flex; align-items: center; width: 100%; }
.edc_tc .cont .main .fields > div.persons .input_container .button{ position: relative; cursor: pointer; color: #00638e; font-size: 26px; height: 22px; width: 22px; opacity: 0.5; border: 0; background: none; outline: none;}
.edc_tc .cont .main .fields > div.persons .input_container .button.dec::before{ content: ""; position: absolute; top: 50%; left: 0; height: 4px; background: #00638e; transform: translate(0,-50%); width: 22px; left: 0; }
.edc_tc .cont .main .fields > div.persons .input_container .button.inc::before{ content: ""; position: absolute; top: 50%; left: 0; height: 4px; background: #00638e; transform: translate(0,-50%); width: 22px; }
.edc_tc .cont .main .fields > div.persons .input_container .button.inc::after{ content: ""; position: absolute; left: 50%; top: 0; height: 22px; background: #00638e; transform: translate(-50%,0); width: 4px; }
.edc_tc .cont .main .fields > div.persons .input_container .button:focus { outline: 2px solid #00638e; }
.edc_tc .cont .main .fields > div.persons .input_container .val{ font-weight: bold; font-size: 20px; margin: 0 20px; }
.edc_tc .cont .main .fields > div.persons .input_container > div{ display: flex; }
.edc_tc .cont .main .fields > div.persons .input_container > div > div.no_geschaeftlich{ display: flex; }
.edc_tc.gas .cont .main .fields > div.persons .input_container > div{ flex-flow: row wrap; justify-content: center; align-items: center; width: 100%; }
.edc_tc.gas .cont .main .fields > div.persons .input_container > div > .rangeslider{ width: 100%; margin-bottom: 5px; }
.edc_tc.gas .cont .main .fields > div.persons .input_container > div .icon:first-child{ width: 20px; }
.edc_tc.gas .cont .main .fields > div.persons .input_container > div .icon:last-child{ width: 40px; margin-right: 0; margin-left: 30px; }
.edc_tc.gas .cont .main .fields > div.persons .input_container > div input[type="number"]{ border: 0; border-bottom: 1px solid #00638e; padding-bottom: 4px; color: #00638E; font-size: 20px; line-height: 30px; text-transform: uppercase; text-align: center; }
.edc_tc.geschaeftlich .cont .main .fields > div.persons{ flex-flow: row wrap; }
.edc_tc.geschaeftlich .cont .main .fields > div.persons .text{ width: 100%; text-align: center; margin-bottom: 10px; }
.edc_tc.geschaeftlich .cont .main .fields > div.persons .input_container > div{ width: 100%; }
.edc_tc.geschaeftlich .cont .main .fields > div.persons .input_container .geschaeftlich{ display: flex; flex-flow: row wrap; justify-content: center; align-items: center; width: 100%; }
.edc_tc.geschaeftlich .cont .main .fields > div.persons .input_container .geschaeftlich > .rangeslider{ width: 100%; margin-bottom: 5px; }
.edc_tc.geschaeftlich .cont .main .fields > div.persons .geschaeftlich .icon{ width: 16px; height: 32px; }
.edc_tc.geschaeftlich .cont .main .fields > div.persons .input_container .geschaeftlich .icon:last-child{ width: 20px; height: 40px; margin-right: 0; margin-left: 30px; }
.edc_tc.geschaeftlich .cont .main .fields > div.persons .input_container .geschaeftlich input[type="number"]{ border: 0; border-bottom: 1px solid #00638e; padding-bottom: 4px; color: #00638E; font-size: 20px; line-height: 30px; text-transform: uppercase; text-align: center; }
.edc_tc .cont .main .fields > div input[type="text"], .edc_tc .cont .main .fields > div select{ width: 100%; border: 0; border-bottom: 1px solid #00638e; padding-bottom: 4px; color: #00638E; font-size: 20px; line-height: 30px; text-transform: uppercase; }
.edc_tc .cont .main .fields > div input[type="text"]:-ms-input-placeholder{ color: #00638e; }
.edc_tc .cont .main .fields > div input[type="text"]::-ms-input-placeholder{ color: #00638e; }
.edc_tc .cont .main .fields > div input[type="text"]::-webkit-input-placeholder{ color: #00638e; }
.edc_tc .cont .main .fields > div input[type="text"]:-moz-placeholder{ color: #00638e; }
.edc_tc .cont .main .fields > div input[type="text"]::-moz-placeholder{ color: #00638e; }
.edc_tc .cont .main .fields > div input[type="text"]::placeholder{ color: #00638e; }
.edc_tc .cont .main .submit_group{ text-align: right; }
.edc_tc .cont .main .btn{ background: #00638e; color: #fff; display: inline-flex; align-items: center; justify-content: center; height: 60px; padding: 0 150px; text-transform: uppercase; font-weight: normal; font-size: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; cursor: pointer; }
.edc_tc .cont .main .btn:hover{ background: #98BC0B; color: #3d3d3d; }
.edc_tc .cont .main .btn .icon{ display: inline-flex; width: 14px; height: 24px; background: url("images/arrow_right.png") 50% 50% no-repeat; background-size: cover; margin-left: 23px; }

.tarifrechner.edc_tc{ padding: 0; display: block; width: unset; left: unset; margin-left: unset; box-shadow: unset; }
.tarifrechner.edc_tc .params_list_row{ display: none; position: absolute; left: 0; top: 0; background: #98bc0b; color: #000; width: 100vw; padding: 40px 0 40px 80px; font-size: 16px; line-height: 30px; }
.tarifrechner.edc_tc .params_list_row.active{ display: block; }
.tarifrechner.edc_tc .params_list_row div{ margin-bottom: 20px; color: #fff; font-weight: 700; font-size: 18px; }
.tarifrechner.edc_tc .params_list_row div:last-child{ margin-bottom: 0; }
.tarifrechner.edc_tc .produkt{ background: #fff; padding: 0 0 20px 0; border: 0; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25); border-radius: 0; }
.tarifrechner.edc_tc .produkt .top_row{ margin-bottom: 40px; }
.tarifrechner.edc_tc .produkt h4{ font-size: 26px; line-height: 34px; font-weight: bold; color: #00638e; text-align: center; text-transform: uppercase; padding-top: 40px; }
.tarifrechner.edc_tc .produkt .description{ font-size: 26px; line-height: 34px; font-weight: normal; color: #00638e; text-align: center; margin-bottom: 0; text-transform: uppercase; }
.tarifrechner.edc_tc .produkt .params{ background: #00638e; text-align: center; color: #fff; padding: 40px 10px; font-size: 16px; line-height: 30px; color: #fff; font-weight: bold;  margin-bottom: 40px; }
.tarifrechner.edc_tc .produkt .params > div{ margin-bottom: 20px; }
.tarifrechner.edc_tc .produkt .params > div .name{ display: none; margin-bottom: 5px; font-size: 14px; line-height: normal; font-weight: normal; }
.tarifrechner.edc_tc .produkt .params > div:last-child{ margin-bottom: 0; }
.tarifrechner.edc_tc .produkt .total_price{ color: #00638e; text-align: center; font-size: 26px; line-height: 34px; text-transform: uppercase; font-weight: bold; margin-bottom: 40px; }
.tarifrechner.edc_tc .produkt .features ul{ padding: 0px 40px 15px 40px; list-style-type: none;}
.tarifrechner.edc_tc .produkt .features ul li{padding: 0 0 10px 13px;position: relative;}
.tarifrechner.edc_tc .produkt .features ul li:before{content: "";background-image: url(images/check-mark.png);display: block;width: 20px;height: 20px;background-position: center;background-size: contain;background-repeat: no-repeat;position: absolute;left: -20px;top: 4px;}
.tarifrechner.edc_tc .produkt .button{ background: #00638e; color: #fff; display: inline-flex; align-items: center; justify-content: center; height: 60px; padding: 0 10px; text-transform: uppercase; font-weight: normal; font-size: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; cursor: pointer; border-radius: 0; }
.tarifrechner.edc_tc .produkt .button:hover{ background: #98BC0B; }
.tarifrechner.edc_tc .produkt .button .icon{ display: inline-flex; width: 14px; height: 24px; background: url("images/arrow_right.png") 50% 50% no-repeat; background-size: cover; margin-left: 23px; }
.tarifrechner.edc_tc .produkt .buttons{ padding: 0 20px; }
.tarifrechner.edc_tc .produkt .buttons > div{ margin-bottom: 20px; }
.tarifrechner.edc_tc .produkt .buttons > div:last-child{ margin-bottom: 0; }
body.tc_result_page{ background-color: #f0f0f0; }
.tarifbox-tab-modul{ padding-top: 300px; }
.tarifbox-tab-modul .et_pb_tabs_controls{ display: flex; overflow: auto; }
.tarifbox-tab-modul .et_pb_tabs_controls li { width: 100%; text-align: center; display: flex; justify-content: center; align-items: center; border-bottom: none; border-top: none; }
.tarifbox-tab-modul .et_pb_all_tabs{ box-shadow: 0px 6px 25px 0px rgb(120 112 90 / 40%); transition: all ease .3s; }
.tarifbox .beispiel-label { color: #FF1953; font-size: 20px; }
.tarifbox .popup_button { height: auto; background-color: #00638E; color: #f0f0f0; text-align: center; padding-top: 12px; padding-bottom: 12px; margin: 0 auto; width: 80%; display: block; margin-top: 25px; }
.tarifbox .popup_button:hover { background-color: #98BC0B; }
.tarifbox .beispielrechnung .green{ color: #98BC0B; }
.tarifbox .beispielrechnung-ergebnis { margin-top: 15px; font-size: 26px; font-weight: bold; }
.tarifbox .tarifbox_image{ position: absolute; height: 300px; background-size: cover; background-position: 50% 50%; left: -30px; right: -30px; top: -363px; }
.edc.popup.tariffs_popup.edc_tc{ z-index: 100000; margin-left: 0; }
.edc.popup.tariffs_popup.edc_tc .cont .main .fields > div.persons{ flex-flow: row wrap; }
.edc.popup.tariffs_popup.edc_tc .cont .main .fields > div.persons .text{ width: 100%; text-align: center; font-size: 16px; }
.edc.popup.tariffs_popup.edc_tc .cont .main .fields > div.persons .input_container{ width: 100%; justify-content: center; margin-top: 6px; }
.edc.popup.tariffs_popup.edc_tc .cont .main .fields input[type="text"]{ background: unset; }


@media (max-width: 1600px){
	.edc_tc{ width: 90%; margin-left: -45%; }
	.tarifrechner.edc_tc .params_list_row{ padding-left: 10px; font-size: 14px; }
	.edc_tc .cont .description .title{ font-size: 26px; line-height: 34px; }
	.edc_tc .cont .description .subtitle{ font-size: 26px; line-height: 34px; margin-bottom: 25px; }
}
@media (max-width: 1400px){	
	.edc_tc .cont .main{ padding-left: 20px; }
	.tarifrechner.edc_tc .params_list_row.active{ display: none; }
	.tarifrechner.edc_tc .produkt .params > div .name{ display: block; }
	.tarifrechner.edc_tc .produkt h4{ font-size: 20px; line-height: 25px; }
	.tarifrechner.edc_tc .produkt .description{ font-size: 20px; line-height: 25px; }
	.tarifrechner.edc_tc .produkt .top_row{ margin-bottom: 25px; }
	.tarifrechner.edc_tc .produkt .params{ margin-bottom: 25px; }
	.tarifrechner.edc_tc .produkt .params > div{ margin-bottom: 25px; }
	.tarifrechner.edc_tc .produkt .total_price{ font-size: 20px; line-height: 25px; margin-bottom: 25px; }
	.tarifrechner.edc_tc .produkt .button{ font-size: 16px; }
	.edc_tc .cont .description .title{ font-size: 20px; line-height: 25px; }
	.edc_tc .cont .description .subtitle{ font-size: 20px; line-height: 25px; }
	.edc_tc .cont .description .text{ font-size: 16px; line-height: 24px; }
	.edc_tc .cont .main .fields > div.persons{ font-size: 16px; }
	.edc_tc .cont{ padding: 15px; }
}
@media (max-width: 1200px){
	.edc_tc .cont .description{ width: 100%; }
	.edc_tc .cont .main{ width: 100%; padding-left: 0; padding-top: 20px; }	
	.tarifrechner.edc_tc .produkt .button{ font-size: 14px; }
}
@media (max-width: 900px){
	.edc_tc .cont .main .fields > div{ width: 100%; }
	.edc_tc .cont .main .fields > div:nth-last-child(2){ margin-bottom: 40px; }
}
@media (max-width: 600px){
	.edc_tc .cont .main button{ padding: 0 10px; width: 100%; }
	.edc_tc .cont .main .top_row .toggles{ flex-direction: column; }
	.edc_tc .cont .main .fields > div.persons .icon{ display: none; }
}


.edc_tc.inline{ position: static; display: block; width: 100%; left: unset; margin-left: 0; z-index: 10; box-shadow: unset; }
.edc_tc.inline .cont{ padding: 0; }
.edc_tc.inline .cont .main{ width: 100%; padding: 0; }

.edc_tc_tabs {
	margin-bottom: 24px;
	display: flex;
	gap: 1px;
}

.edc_tc_tabs .item {
	padding: 4px 30px;
	background: #98BC0B;
	font-size: 19px;
	line-height: 2em;
	color: #3D3D3D;
	font-weight: 600;
	cursor: pointer;
	appearance: none;
	border: 0;
	outline: none;
}

.edc_tc_tabs .item:focus {
	outline: 2px solid #00638E;
}

.edc_tc_tabs .item.active {
	background: #00638E;
	color: #fff;
}

.edc_tc_tabs .item.active:focus {
	outline: 2px solid #98BC0B;
}