/*!
 * eon-de-components|10.9.0|7.5.2026,15:09:57|0589ec0a
 *
 */
@keyframes skeleton-gradient{to{background-position:0 50%}}.skeleton{margin:calc(0.3rem*var(--rem-base-factor, 1)) 0 calc(0.3rem*var(--rem-base-factor, 1)) 0;background:var(--eon-grey300) linear-gradient(-90deg, var(--eon-grey300), var(--eon-white), var(--eon-grey300));background-size:200% 200%;background-position:200% 50%;animation:skeleton-gradient 2.5s ease infinite;width:100%;height:calc(1em - calc(0.6rem * var(--rem-base-factor, 1)))}.skeleton--75{width:75%}.skeleton--50{width:50%}.skeleton--25{width:25%}.skeleton-aria{position:absolute;left:-10000px}.skeleton--invisible{visibility:hidden}a.skeleton{text-decoration:none}button.skeleton{border:none;height:calc(4.8rem*var(--rem-base-factor, 1));border-radius:calc(1rem*var(--rem-base-factor, 1));margin:0;padding:0;display:inherit}button.skeleton--icon{width:calc(4.8rem*var(--rem-base-factor, 1));height:calc(4.8rem*var(--rem-base-factor, 1))}button.skeleton--small{height:calc(3.2rem*var(--rem-base-factor, 1));width:calc(3.2rem*var(--rem-base-factor, 1))}button.skeleton--info{border-radius:calc(0.5rem*var(--rem-base-factor, 1));height:calc(2.4rem*var(--rem-base-factor, 1));width:calc(2.4rem*var(--rem-base-factor, 1))}button.skeleton--submit{padding-left:calc(2.4rem*var(--rem-base-factor, 1));padding-right:calc(2.4rem*var(--rem-base-factor, 1));width:inherit}h1.skeleton{font-weight:900;font-size:calc(8.4rem*var(--rem-font-factor, 1))}h2.skeleton{font-weight:900;font-size:calc(7.2rem*var(--rem-font-factor, 1))}h3.skeleton{font-weight:900;font-size:calc(5.2rem*var(--rem-font-factor, 1))}h4.skeleton{font-weight:900;font-size:calc(3.6rem*var(--rem-font-factor, 1))}h5.skeleton{font-weight:700;font-size:calc(2.6rem*var(--rem-font-factor, 1))}input[type=number].skeleton{appearance:textfield;-moz-appearance:textfield;-webkit-appearance:textfield}input[type=number].skeleton::-webkit-outer-spin-button,input[type=number].skeleton::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.skeleton{border:none;height:calc(4.8rem*var(--rem-base-factor, 1));border-radius:calc(0.2rem*var(--rem-base-factor, 1));margin:0;padding-left:calc(1.2rem*var(--rem-base-factor, 1));padding-right:0}input.skeleton--icon{width:calc(4.8rem*var(--rem-base-factor, 1));height:calc(4.8rem*var(--rem-base-factor, 1))}input.skeleton--small{height:calc(3.2rem*var(--rem-base-factor, 1))}input.skeleton--dropdown{margin-right:calc(-11rem*var(--rem-base-factor, 1))}input.skeleton--answerTile{height:calc(9.6rem*var(--rem-base-factor, 1))}p.skeleton{font-size:calc(1.8rem*var(--rem-font-factor, 1));margin-bottom:calc(1.5rem*var(--rem-base-factor, 1));height:calc(1.3em - calc(0.6rem * var(--rem-base-factor, 1)))}p.skeleton--abstract{font-size:calc(2rem*var(--rem-font-factor, 1))}p.skeleton--caption{font-size:calc(1.6rem*var(--rem-font-factor, 1))}label.skeleton{font-size:calc(1.8rem*var(--rem-font-factor, 1));width:calc(10rem*var(--rem-base-factor, 1));height:calc(1.8rem*var(--rem-base-factor, 1));margin-left:calc(0.8rem*var(--rem-base-factor, 1));display:inline-block;position:relative;top:calc(-0.6rem*var(--rem-base-factor, 1))}.skeleton--radio{width:calc(3.2rem*var(--rem-base-factor, 1));height:calc(3.2rem*var(--rem-base-factor, 1));border-radius:100%;display:inline-block}.skeleton--checkbox{width:calc(3.2rem*var(--rem-base-factor, 1));height:calc(3.2rem*var(--rem-base-factor, 1));border-radius:25%;display:inline-block}
.inputGroupComponent .headlineWrapper{display:flex;align-items:center;margin-bottom:calc(2.4rem*var(--rem-base-factor, 1))}@media(min-width: 768px){.inputGroupComponent .headlineWrapper{margin-bottom:calc(3.2rem*var(--rem-base-factor, 1))}}.inputGroupComponent .headlineIcon{margin-right:calc(0.8rem*var(--rem-base-factor, 1))}
.stepInputComponent{--max-step-width: calc(5 * calc(1.8rem * var(--rem-base-factor, 1)) + 4 * calc(0.8rem * var(--rem-base-factor, 1)))}.stepInputComponent.skeleton{background:none;height:initial;margin-bottom:0;margin-top:calc(-0.7rem*var(--rem-base-factor, 1))}.stepInputComponent .label{display:flex}.stepInputComponent .label.skeleton{max-width:var(--max-step-width)}.stepInputComponent .stepInputControl{margin-top:calc(calc(0.3rem * var(--rem-base-factor, 1))*var(--rem-base-factor, 1)/var(--rem-font-factor, 1))}@media(max-width: 380px){.stepInputComponent .stepInputControl .stepWrapper{min-width:unset}}.stepInputComponent .stepInputControl .stepWrapper>*:not(:last-child){margin-right:calc(1.2rem*var(--rem-base-factor, 1))}.stepInputComponent .stepInputControl .stepWrapper.skeleton{display:flex;background:none;height:initial;margin-bottom:0}
contact-form-app .skeleton.content{height:calc(30rem*var(--rem-base-factor, 1))}
journey-steps-app .step-list{list-style-type:none;padding:0;margin:0}journey-steps-app .container:has(aside){display:grid;grid-template-areas:"aside-top" "main" "aside-bottom"}journey-steps-app .container:has(aside) .step-list{grid-area:main}journey-steps-app .container:has(aside) .aside-top{grid-area:aside-top;overflow:hidden}journey-steps-app .container:has(aside) .aside-bottom{grid-area:aside-bottom;overflow:hidden}@media(min-width: 1024px){journey-steps-app .container:has(aside){grid-template-columns:1fr calc(31.5rem*var(--rem-base-factor, 1));grid-template-areas:"main aside-top" "main aside-bottom" "main .";column-gap:calc(4.8rem*var(--rem-base-factor, 1))}}@media(min-width: 1536px){journey-steps-app .container:has(aside){grid-template-columns:1fr calc(36.8rem*var(--rem-base-factor, 1))}}journey-step{display:none;scroll-margin-top:calc(16rem*var(--rem-base-factor, 1))}journey-step:has(>header),journey-step:has(>footer){row-gap:calc(4.8rem*var(--rem-base-factor, 1))}@media(min-width: 1024px){journey-step>.header eon-ui-steps{margin-bottom:calc(12rem*var(--rem-base-factor, 1) - 4.8rem*var(--rem-base-factor, 1))}}journey-step>.header eon-ui-headline{display:block;margin-bottom:calc(1.6rem*var(--rem-base-factor, 1))}journey-step>.footer>.nav-controls{display:flex;gap:calc(2.4rem*var(--rem-base-factor, 1));flex-direction:column-reverse;margin-top:calc(2.4rem*var(--rem-base-factor, 1))}@media(min-width: 768px){journey-step>.footer>.nav-controls{flex-direction:row}journey-step>.footer>.nav-controls>[purpose=back]{margin-right:auto}journey-step>.footer>.nav-controls>[purpose=continue]{margin-left:auto}}journey-step[state=active]{display:block}
login-billing-plan-app .wrapper{margin:0 0 calc(3rem*var(--rem-base-factor, 1)) 0;font-weight:400}login-billing-plan-app .row{min-height:calc(6.9rem*var(--rem-base-factor, 1));display:flex;background-color:var(--shared-data-list-bg-color);margin:0 0 calc(1.5rem*var(--rem-base-factor, 1)) 0}login-billing-plan-app .col{flex:1;padding:calc(2rem*var(--rem-base-factor, 1));align-self:center;line-height:1.4}@media(max-width: 767px){login-billing-plan-app .row{padding:calc(2rem*var(--rem-base-factor, 1)) 0;display:block}login-billing-plan-app .col{padding:calc(0.8rem*var(--rem-base-factor, 1))}}
login-billing-plan-change-app .headlineWrapper{margin-bottom:calc(3.2rem*var(--rem-base-factor, 1));margin-top:calc(3.2rem*var(--rem-base-factor, 1))}login-billing-plan-change-app .buttonWrapper{margin-top:calc(3.2rem*var(--rem-base-factor, 1))}@media(max-width: 767px){login-billing-plan-change-app .buttonWrapper{text-align:center}}login-billing-plan-change-app .teaserSubhead{color:var(--c-teaser-subhead-color);vertical-align:top;line-height:1.7}login-billing-plan-change-app .currentAmount{font-size:calc(2.4rem*var(--rem-font-factor, 1));font-weight:700;margin-bottom:calc(3.2rem*var(--rem-base-factor, 1))}login-billing-plan-change-app .link{margin:calc(2.4rem*var(--rem-base-factor, 1)) calc(0.4rem*var(--rem-base-factor, 1))}login-billing-plan-change-app .subhead,login-billing-plan-change-app .dueDateLabel{margin-bottom:calc(3.2rem*var(--rem-base-factor, 1));margin-top:calc(3.2rem*var(--rem-base-factor, 1))}login-billing-plan-change-app .sliderWrapper{margin-bottom:calc(3.2rem*var(--rem-base-factor, 1))}login-billing-plan-change-app .submitButtonWrapper{flex-basis:calc(19rem*var(--rem-base-factor, 1));margin-bottom:calc(3.2rem*var(--rem-base-factor, 1))}login-billing-plan-change-app .inputWrapper{margin-bottom:calc(3.2rem*var(--rem-base-factor, 1))}@media(min-width: 1024px){login-billing-plan-change-app .dataWrapper{display:flex}login-billing-plan-change-app .inputWrapper{flex-basis:calc(25.8rem*var(--rem-base-factor, 1))}login-billing-plan-change-app .sliderWrapper{flex-basis:calc(27.2rem*var(--rem-base-factor, 1));margin:0 calc(2.4rem*var(--rem-base-factor, 1))}login-billing-plan-change-app .submitButtonWrapper{flex-basis:calc(19rem*var(--rem-base-factor, 1));margin-left:calc(3.2rem*var(--rem-base-factor, 1))}}@media(min-width: 768px)and (max-width: 1023px){login-billing-plan-change-app .dataWrapper{display:flex;flex-flow:row wrap}login-billing-plan-change-app .inputWrapper{flex-basis:calc(25.8rem*var(--rem-base-factor, 1))}login-billing-plan-change-app .sliderWrapper{flex-basis:calc(27.2rem*var(--rem-base-factor, 1));margin:0 calc(2.4rem*var(--rem-base-factor, 1))}login-billing-plan-change-app .submitButtonWrapper{flex-basis:100%;margin:calc(2.4rem*var(--rem-base-factor, 1)) 0 calc(3.2rem*var(--rem-base-factor, 1))}}
login-contact-form-app .formHeading{display:block;margin-top:calc(3rem*var(--rem-base-factor, 1))}login-contact-form-app .title{display:flex;flex-wrap:wrap;margin:calc(4.8rem*var(--rem-base-factor, 1)) 0 calc(3.2rem*var(--rem-base-factor, 1)) 0}login-contact-form-app .privacyLink{margin:calc(3.2rem*var(--rem-base-factor, 1)) 0}login-contact-form-app .privacyLink.skeleton{height:calc(30rem*var(--rem-base-factor, 1))}login-contact-form-app .submitButton{margin-top:calc(1.5rem*var(--rem-base-factor, 1))}@media(min-width: 768px){login-contact-form-app .submitButton{margin:calc(1.5rem*var(--rem-base-factor, 1)) calc(3rem*var(--rem-base-factor, 1)) 0 0}}
login-eon-plus-bundle-overview-app .headerWrapper{margin:calc(4rem*var(--rem-base-factor, 1)) 0 calc(4.8rem*var(--rem-base-factor, 1))}login-eon-plus-bundle-overview-app .contentWrapper{display:flex;gap:calc(0.8rem*var(--rem-base-factor, 1));align-items:center;margin-top:calc(2.4rem*var(--rem-base-factor, 1))}login-eon-plus-bundle-overview-app .contentWrapper .discountInfo{display:flex;flex-direction:column}login-eon-plus-bundle-overview-app .totalDiscount{display:block;margin:calc(3.2rem*var(--rem-base-factor, 1)) 0}login-eon-plus-bundle-overview-app .hasMargin{margin-bottom:calc(3rem*var(--rem-base-factor, 1))}login-eon-plus-bundle-overview-app .footnoteWrapper{margin-top:calc(2rem*var(--rem-base-factor, 1))}login-eon-plus-bundle-overview-app .linkGenerationWrapper{display:block;margin:calc(3.2rem*var(--rem-base-factor, 1)) 0 calc(6rem*var(--rem-base-factor, 1))}login-eon-plus-bundle-overview-app .successContainer{display:flex;flex-direction:column;margin-bottom:calc(3rem*var(--rem-base-factor, 1));padding:calc(3rem*var(--rem-base-factor, 1))}login-eon-plus-bundle-overview-app .successContainer eon-ui-link{max-width:fit-content}login-eon-plus-bundle-overview-app .successContainer .linkContainer{display:flex;gap:calc(1rem*var(--rem-base-factor, 1));align-items:flex-start;margin-bottom:calc(1rem*var(--rem-base-factor, 1))}login-eon-plus-bundle-overview-app .successContainer .linkContainer .link{max-width:calc(82rem*var(--rem-base-factor, 1))}
.contractListItem{display:flex;flex-direction:row;align-items:center;gap:calc(0.8rem*var(--rem-base-factor, 1));justify-content:space-between;padding:calc(1.6rem*var(--rem-base-factor, 1)) calc(2.4rem*var(--rem-base-factor, 1))}@media(min-width: 768px){.contractListItem{gap:calc(4.8rem*var(--rem-base-factor, 1))}}.contractListItem .contractDetails{display:flex;flex-direction:column;gap:calc(0.8rem*var(--rem-base-factor, 1));height:100%}
login-eon-plus-contract-list-app .contractList{height:100%}login-eon-plus-contract-list-app .xfContainer>.container{width:100%;padding:0}
login-installment-plan-calculator-app .stepsWrapper{padding-top:calc(2.4rem*var(--rem-base-factor, 1))}@media(min-width: 768px)and (max-width: 1023px){login-installment-plan-calculator-app .stepsWrapper{padding:calc(3.2rem*var(--rem-base-factor, 1)) 0}}@media(min-width: 1024px){login-installment-plan-calculator-app .stepsWrapper{padding:calc(6.4rem*var(--rem-base-factor, 1)) 0}}@media(max-width: 767px){login-installment-plan-calculator-app .container{padding:calc(2.4rem*var(--rem-base-factor, 1)) 0}}@media(min-width: 768px)and (max-width: 1023px){login-installment-plan-calculator-app .container{padding:calc(3.2rem*var(--rem-base-factor, 1)) 0}}@media(min-width: 1024px){login-installment-plan-calculator-app .container{padding:calc(4.8rem*var(--rem-base-factor, 1)) 0}}login-installment-plan-calculator-app .wrapper{margin-top:calc(3.2rem*var(--rem-base-factor, 1))}@media(min-width: 1024px){login-installment-plan-calculator-app .wrapper{margin-top:calc(4.8rem*var(--rem-base-factor, 1))}}login-installment-plan-calculator-app .subtext{margin-top:calc(1.6rem*var(--rem-base-factor, 1));display:block}@media(min-width: 768px){login-installment-plan-calculator-app .subtext{margin-top:calc(2.4rem*var(--rem-base-factor, 1))}}login-installment-plan-calculator-app .accordionWrapper{position:relative;margin-bottom:calc(3.2rem*var(--rem-base-factor, 1));width:auto;margin-top:calc(2.4rem*var(--rem-base-factor, 1))}@media(max-width: 767px){login-installment-plan-calculator-app .accordionWrapper{margin-top:calc(1.6rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){login-installment-plan-calculator-app .accordionWrapper{max-width:calc(57.6rem*var(--rem-base-factor, 1));margin-bottom:calc(4.8rem*var(--rem-base-factor, 1))}}login-installment-plan-calculator-app .rateValue{margin:calc(2.4rem*var(--rem-base-factor, 1)) 0;display:block}@media(min-width: 768px)and (max-width: 1023px){login-installment-plan-calculator-app .rateValue{margin-top:calc(2.4rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){login-installment-plan-calculator-app .rateValue{margin:calc(3.2rem*var(--rem-base-factor, 1)) 0}}login-installment-plan-calculator-app .sliderWrapper{width:auto}@media(min-width: 768px)and (max-width: 1023px){login-installment-plan-calculator-app .sliderWrapper{max-width:calc(64rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){login-installment-plan-calculator-app .sliderWrapper{max-width:calc(55.2rem*var(--rem-base-factor, 1))}}login-installment-plan-calculator-app .dateInput{width:auto;margin-top:calc(1.6rem*var(--rem-base-factor, 1))}@media(min-width: 768px)and (max-width: 1023px){login-installment-plan-calculator-app .dateInput{max-width:calc(34.7rem*var(--rem-base-factor, 1));margin-top:calc(2.4rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){login-installment-plan-calculator-app .dateInput{max-width:calc(26.4rem*var(--rem-base-factor, 1));margin-top:calc(2.4rem*var(--rem-base-factor, 1))}}
login-legacy-billing-plan-app .wrapper{margin:0 0 calc(3rem*var(--rem-base-factor, 1)) 0;font-weight:400}login-legacy-billing-plan-app .row{min-height:calc(6.9rem*var(--rem-base-factor, 1));display:flex;background-color:var(--shared-data-list-bg-color);margin:0 0 calc(1.5rem*var(--rem-base-factor, 1)) 0}login-legacy-billing-plan-app .col{flex:1;padding:calc(2rem*var(--rem-base-factor, 1));align-self:center;line-height:1.4}@media(max-width: 767px){login-legacy-billing-plan-app .row{padding:calc(2rem*var(--rem-base-factor, 1)) 0;display:block}login-legacy-billing-plan-app .col{padding:calc(0.8rem*var(--rem-base-factor, 1))}}
login-legacy-payment-overview-app .row{min-height:calc(6.9rem*var(--rem-base-factor, 1));display:flex;background-color:var(--shared-data-list-bg-color);margin:0 0 calc(1.5rem*var(--rem-base-factor, 1)) 0;align-items:center}login-legacy-payment-overview-app .col{flex:1;padding:calc(2rem*var(--rem-base-factor, 1));align-self:center;line-height:1.4;height:100%}@media(max-width: 767px){login-legacy-payment-overview-app .row{padding:calc(2rem*var(--rem-base-factor, 1)) 0;display:block}login-legacy-payment-overview-app .col{padding:calc(0.8rem*var(--rem-base-factor, 1))}}
login-payment-overview-app .wrapper{margin:0 0 calc(3rem*var(--rem-base-factor, 1)) 0;font-weight:400}login-payment-overview-app .row{min-height:calc(6.9rem*var(--rem-base-factor, 1));display:flex;background-color:var(--shared-data-list-bg-color);margin:0 0 calc(1.5rem*var(--rem-base-factor, 1)) 0}login-payment-overview-app .col{flex:1;padding:calc(2rem*var(--rem-base-factor, 1));align-self:center;line-height:1.4}@media(max-width: 767px){login-payment-overview-app .row{padding:calc(2rem*var(--rem-base-factor, 1)) 0;display:block}login-payment-overview-app .col{padding:calc(0.8rem*var(--rem-base-factor, 1))}}
login-visibility-container-app{display:none}
loyalty-input-app .wrapper>*{flex:0 0 100%;margin:calc(2.4rem*var(--rem-base-factor, 1)) 0 0 0;max-width:100%}
meter-read-entry-unique-link-app .disclaimer{display:flex;font-weight:700}meter-read-entry-unique-link-app .disclaimer eon-ui-info-icon{margin-left:calc(1rem*var(--rem-base-factor, 1))}meter-read-entry-unique-link-app .subTitle,meter-read-entry-unique-link-app .error{margin-top:calc(3rem*var(--rem-base-factor, 1));width:auto;max-width:100%;height:calc(17rem*var(--rem-base-factor, 1))}meter-read-entry-unique-link-app .subTitle .refreshButton,meter-read-entry-unique-link-app .error .refreshButton{margin-top:calc(3rem*var(--rem-base-factor, 1))}meter-read-entry-unique-link-app .subTitle .productDesc,meter-read-entry-unique-link-app .error .productDesc{display:flex;font-weight:700}meter-read-entry-unique-link-app .subTitle .productDesc eon-ui-icon,meter-read-entry-unique-link-app .error .productDesc eon-ui-icon{margin-right:calc(1rem*var(--rem-base-factor, 1))}meter-read-entry-unique-link-app .subTitle .info,meter-read-entry-unique-link-app .error .info{margin-left:calc(3rem*var(--rem-base-factor, 1))}meter-read-entry-unique-link-app .meterNumber,meter-read-entry-unique-link-app .waitMessageBox{margin-bottom:calc(3rem*var(--rem-base-factor, 1))}meter-read-entry-unique-link-app .etWrapper,meter-read-entry-unique-link-app .dtWrapper{display:flex;width:100%;margin-top:calc(3rem*var(--rem-base-factor, 1))}@media(min-width: 1024px){meter-read-entry-unique-link-app .etWrapper .meterReadWrapper,meter-read-entry-unique-link-app .etWrapper .etMeterReadDateWrapper,meter-read-entry-unique-link-app .dtWrapper .meterReadWrapper,meter-read-entry-unique-link-app .dtWrapper .etMeterReadDateWrapper{flex:1}meter-read-entry-unique-link-app .etWrapper .meterReadWrapper,meter-read-entry-unique-link-app .dtWrapper .meterReadWrapper{margin-right:calc(2rem*var(--rem-base-factor, 1))}}@media(max-width: 1023px){meter-read-entry-unique-link-app .etWrapper,meter-read-entry-unique-link-app .dtWrapper{display:block}meter-read-entry-unique-link-app .etWrapper .meterReadWrapper,meter-read-entry-unique-link-app .etWrapper .etMeterReadDateWrapper,meter-read-entry-unique-link-app .dtWrapper .meterReadWrapper,meter-read-entry-unique-link-app .dtWrapper .etMeterReadDateWrapper{min-width:100%;margin-bottom:calc(2rem*var(--rem-base-factor, 1))}}meter-read-entry-unique-link-app .etButtonWrapper,meter-read-entry-unique-link-app .dtButtonWrapper{margin-bottom:calc(2rem*var(--rem-base-factor, 1))}meter-read-entry-unique-link-app .changeWrapper{margin-bottom:calc(2rem*var(--rem-base-factor, 1))}meter-read-entry-unique-link-app .changeWrapper .changeInfo{margin:calc(2rem*var(--rem-base-factor, 1)) 0}@media(min-width: 1024px){meter-read-entry-unique-link-app .dtWrapper .htWrapper,meter-read-entry-unique-link-app .dtWrapper .ntWrapper{flex:1;margin-bottom:calc(2rem*var(--rem-base-factor, 1))}meter-read-entry-unique-link-app .dtWrapper .htWrapper{margin-right:calc(2rem*var(--rem-base-factor, 1))}}@media(max-width: 1023px){meter-read-entry-unique-link-app .dtWrapper{display:block}meter-read-entry-unique-link-app .dtWrapper .htWrapper,meter-read-entry-unique-link-app .dtWrapper .ntWrapper{min-width:100%;margin-bottom:calc(2rem*var(--rem-base-factor, 1))}}
ocp-cooperation-app .cooperationWrapper{display:grid;gap:calc(2.4rem*var(--rem-base-factor, 1))}
ocp-personal-data-app .privateCustomerFormWrapper,ocp-personal-data-app .businessCustomerFormWrapper{display:flex;flex-direction:column;gap:calc(2.4rem*var(--rem-base-factor, 1))}ocp-personal-data-app .privateCustomerFormWrapper .nameFieldWrapper,ocp-personal-data-app .businessCustomerFormWrapper .nameFieldWrapper{display:flex;flex-wrap:wrap;box-sizing:border-box;gap:calc(2.4rem*var(--rem-base-factor, 1)) 0;justify-content:space-between}ocp-personal-data-app .privateCustomerFormWrapper .salutationDropdownWrapper,ocp-personal-data-app .privateCustomerFormWrapper .titleDropdownWrapper,ocp-personal-data-app .privateCustomerFormWrapper .firstNameWrapper,ocp-personal-data-app .privateCustomerFormWrapper .lastNameWrapper,ocp-personal-data-app .businessCustomerFormWrapper .salutationDropdownWrapper,ocp-personal-data-app .businessCustomerFormWrapper .titleDropdownWrapper,ocp-personal-data-app .businessCustomerFormWrapper .firstNameWrapper,ocp-personal-data-app .businessCustomerFormWrapper .lastNameWrapper{flex-basis:100%}@media(min-width: 768px){ocp-personal-data-app .privateCustomerFormWrapper .salutationDropdownWrapper,ocp-personal-data-app .privateCustomerFormWrapper .titleDropdownWrapper,ocp-personal-data-app .privateCustomerFormWrapper .firstNameWrapper,ocp-personal-data-app .privateCustomerFormWrapper .lastNameWrapper,ocp-personal-data-app .businessCustomerFormWrapper .salutationDropdownWrapper,ocp-personal-data-app .businessCustomerFormWrapper .titleDropdownWrapper,ocp-personal-data-app .businessCustomerFormWrapper .firstNameWrapper,ocp-personal-data-app .businessCustomerFormWrapper .lastNameWrapper{flex-basis:calc(51.3% - 2.4rem*var(--rem-base-factor, 1))}}ocp-personal-data-app .privateCustomerFormWrapper .nameFieldWrapper{order:1}ocp-personal-data-app .privateCustomerFormWrapper .companyWrapper{order:2}ocp-personal-data-app .privateCustomerFormWrapper .emailWrapper{order:3}ocp-personal-data-app .privateCustomerFormWrapper .emailHintWrapper{order:4}ocp-personal-data-app .privateCustomerFormWrapper .phoneWrapper{order:5}ocp-personal-data-app .privateCustomerFormWrapper .birthdateWrapper{order:6}ocp-personal-data-app .privateCustomerFormWrapper .paybackNumber{order:7}ocp-personal-data-app .businessCustomerFormWrapper .companyWrapper{order:1}ocp-personal-data-app .businessCustomerFormWrapper .registerType{order:2}ocp-personal-data-app .businessCustomerFormWrapper .registerNumber{order:3}ocp-personal-data-app .businessCustomerFormWrapper .registerLocation{order:4}ocp-personal-data-app .businessCustomerFormWrapper .paybackNumber{order:5}ocp-personal-data-app .businessCustomerFormWrapper .businessHeadlineWrapper{margin-top:calc(-2.4rem*var(--rem-base-factor, 1));order:6}ocp-personal-data-app .businessCustomerFormWrapper .nameFieldWrapper{order:7}ocp-personal-data-app .businessCustomerFormWrapper .emailWrapper{order:8}ocp-personal-data-app .businessCustomerFormWrapper .emailHintWrapper{order:9}ocp-personal-data-app .businessCustomerFormWrapper .phoneWrapper{order:10}ocp-personal-data-app .businessCustomerFormWrapper .birthdateWrapper{order:11}eon-ui-modal[modal-id=info-icon-with-modal-payback] img{width:100%;height:100%}
ocp-point-of-consumption-app .deliveryFormWrapper{grid-template-areas:"headline" "city" "street" "houseNumber"}@media(min-width: 768px){ocp-point-of-consumption-app .deliveryFormWrapper{grid-template-areas:"headline headline" "city city" "street houseNumber"}}ocp-point-of-consumption-app .deliveryFormWrapperExistingCustomer{grid-template-areas:"headline" "city" "street" "houseNumber" "existingCustomer"}@media(min-width: 768px){ocp-point-of-consumption-app .deliveryFormWrapperExistingCustomer{grid-template-areas:"headline headline" "city city" "street houseNumber" "existingCustomer existingCustomer"}}ocp-point-of-consumption-app .deliveryFormWrapper,ocp-point-of-consumption-app .deliveryFormWrapperExistingCustomer{display:grid;gap:calc(2.4rem*var(--rem-base-factor, 1)) calc(2.4rem*var(--rem-base-factor, 1))}@media(min-width: 768px){ocp-point-of-consumption-app .deliveryFormWrapper .contractAccount,ocp-point-of-consumption-app .deliveryFormWrapperExistingCustomer .contractAccount{grid-column-end:span 2}}@media(min-width: 768px)and (max-width: 1023px){ocp-point-of-consumption-app .deliveryFormWrapper,ocp-point-of-consumption-app .deliveryFormWrapperExistingCustomer{grid-template-columns:1fr calc(14rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){ocp-point-of-consumption-app .deliveryFormWrapper,ocp-point-of-consumption-app .deliveryFormWrapperExistingCustomer{grid-template-columns:1fr calc(14rem*var(--rem-base-factor, 1))}}ocp-point-of-consumption-app .deliveryFormWrapper .headline,ocp-point-of-consumption-app .deliveryFormWrapperExistingCustomer .headline{grid-area:headline}ocp-point-of-consumption-app .deliveryFormWrapper .city,ocp-point-of-consumption-app .deliveryFormWrapperExistingCustomer .city{grid-area:city}ocp-point-of-consumption-app .deliveryFormWrapper .street,ocp-point-of-consumption-app .deliveryFormWrapperExistingCustomer .street{grid-area:street}ocp-point-of-consumption-app .deliveryFormWrapper .houseNumber,ocp-point-of-consumption-app .deliveryFormWrapperExistingCustomer .houseNumber{grid-area:houseNumber}ocp-point-of-consumption-app .deliveryFormWrapper .existingCustomer,ocp-point-of-consumption-app .deliveryFormWrapperExistingCustomer .existingCustomer{grid-area:existingCustomer}
ocp-point-of-consumption-app .invoiceFormWrapperPrivate,ocp-point-of-consumption-app .invoiceFormWrapperBusiness,ocp-point-of-consumption-app .invoiceFormWrapperPrivateWithDifferingAddress,ocp-point-of-consumption-app .invoiceFormWrapperBusinessWithDifferingAddress{display:grid;gap:calc(2.4rem*var(--rem-base-factor, 1)) calc(2.4rem*var(--rem-base-factor, 1))}@media(min-width: 768px)and (max-width: 1023px){ocp-point-of-consumption-app .invoiceFormWrapperPrivate,ocp-point-of-consumption-app .invoiceFormWrapperBusiness,ocp-point-of-consumption-app .invoiceFormWrapperPrivateWithDifferingAddress,ocp-point-of-consumption-app .invoiceFormWrapperBusinessWithDifferingAddress{grid-template-columns:1fr calc(14rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){ocp-point-of-consumption-app .invoiceFormWrapperPrivate,ocp-point-of-consumption-app .invoiceFormWrapperBusiness,ocp-point-of-consumption-app .invoiceFormWrapperPrivateWithDifferingAddress,ocp-point-of-consumption-app .invoiceFormWrapperBusinessWithDifferingAddress{grid-template-columns:1fr calc(14rem*var(--rem-base-factor, 1))}}ocp-point-of-consumption-app .invoiceFormWrapperPrivate .headline,ocp-point-of-consumption-app .invoiceFormWrapperBusiness .headline,ocp-point-of-consumption-app .invoiceFormWrapperPrivateWithDifferingAddress .headline,ocp-point-of-consumption-app .invoiceFormWrapperBusinessWithDifferingAddress .headline{grid-area:headline}ocp-point-of-consumption-app .invoiceFormWrapperPrivate .differingAddress,ocp-point-of-consumption-app .invoiceFormWrapperBusiness .differingAddress,ocp-point-of-consumption-app .invoiceFormWrapperPrivateWithDifferingAddress .differingAddress,ocp-point-of-consumption-app .invoiceFormWrapperBusinessWithDifferingAddress .differingAddress{grid-area:differingAddress}ocp-point-of-consumption-app .invoiceFormWrapperPrivate .company,ocp-point-of-consumption-app .invoiceFormWrapperBusiness .company,ocp-point-of-consumption-app .invoiceFormWrapperPrivateWithDifferingAddress .company,ocp-point-of-consumption-app .invoiceFormWrapperBusinessWithDifferingAddress .company{grid-area:company}ocp-point-of-consumption-app .invoiceFormWrapperPrivate .city,ocp-point-of-consumption-app .invoiceFormWrapperBusiness .city,ocp-point-of-consumption-app .invoiceFormWrapperPrivateWithDifferingAddress .city,ocp-point-of-consumption-app .invoiceFormWrapperBusinessWithDifferingAddress .city{grid-area:city}ocp-point-of-consumption-app .invoiceFormWrapperPrivate .street,ocp-point-of-consumption-app .invoiceFormWrapperBusiness .street,ocp-point-of-consumption-app .invoiceFormWrapperPrivateWithDifferingAddress .street,ocp-point-of-consumption-app .invoiceFormWrapperBusinessWithDifferingAddress .street{grid-area:street}ocp-point-of-consumption-app .invoiceFormWrapperPrivate .houseNumber,ocp-point-of-consumption-app .invoiceFormWrapperBusiness .houseNumber,ocp-point-of-consumption-app .invoiceFormWrapperPrivateWithDifferingAddress .houseNumber,ocp-point-of-consumption-app .invoiceFormWrapperBusinessWithDifferingAddress .houseNumber{grid-area:houseNumber}ocp-point-of-consumption-app .invoiceFormWrapperPrivate{grid-template-areas:"headline" "differingAddress"}@media(min-width: 768px){ocp-point-of-consumption-app .invoiceFormWrapperPrivate{grid-template-areas:"headline headline" "differingAddress differingAddress"}}ocp-point-of-consumption-app .invoiceFormWrapperBusiness{grid-template-areas:"headline" "differingAddress"}@media(min-width: 768px){ocp-point-of-consumption-app .invoiceFormWrapperBusiness{grid-template-areas:"headline headline" "differingAddress differingAddress"}}
ocp-point-of-consumption-app .formWrapper{display:grid;gap:calc(2.4rem*var(--rem-base-factor, 1)) calc(2.4rem*var(--rem-base-factor, 1));margin-bottom:calc(2.4rem*var(--rem-base-factor, 1))}@media screen and (min-width: 768px)and (max-width: 1439px){ocp-point-of-consumption-app .formWrapper{gap:calc(3.2rem*var(--rem-base-factor, 1)) calc(3.2rem*var(--rem-base-factor, 1));margin-bottom:calc(3.2rem*var(--rem-base-factor, 1))}}@media screen and (min-width: 1440px){ocp-point-of-consumption-app .formWrapper{gap:calc(4.8rem*var(--rem-base-factor, 1)) calc(4.8rem*var(--rem-base-factor, 1));margin-bottom:calc(4.8rem*var(--rem-base-factor, 1))}}
ocp-supplier-information-app .formWrapper{display:grid;gap:calc(1.6rem*var(--rem-base-factor, 1)) calc(2.4rem*var(--rem-base-factor, 1))}@media(min-width: 768px)and (max-width: 1023px){ocp-supplier-information-app .formWrapper{gap:calc(2.4rem*var(--rem-base-factor, 1)) calc(2.4rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){ocp-supplier-information-app .formWrapper{gap:calc(3.2rem*var(--rem-base-factor, 1)) calc(3.2rem*var(--rem-base-factor, 1))}}ocp-supplier-information-app .formWrapper label.skeleton{width:calc(100% - 4.5rem*var(--rem-base-factor, 1))}ocp-supplier-information-app .radioButtonsWrapper{display:grid;grid-row-gap:calc(2.4rem*var(--rem-base-factor, 1))}ocp-supplier-information-app .smartMeterFormWrapper{padding-bottom:calc(4.8rem*var(--rem-base-factor, 1))}ocp-supplier-information-app .smartMeterViewMode{margin-bottom:calc(1rem*var(--rem-base-factor, 1));display:block}ocp-supplier-information-app .supplierInformationWrapper{display:grid;gap:calc(2.4rem*var(--rem-base-factor, 1)) calc(2.4rem*var(--rem-base-factor, 1));grid-template-areas:"previousSupplier" "customerNumber" "meterNumber"}@media(min-width: 768px){ocp-supplier-information-app .supplierInformationWrapper{grid-template-columns:1fr 1fr}}ocp-supplier-information-app .supplierInformationWrapper .previousSupplierWrapper{grid-area:previousSupplier}ocp-supplier-information-app .supplierInformationWrapper .customerNumberWrapper{grid-area:customerNumber}ocp-supplier-information-app .supplierInformationWrapper .meterNumberWrapper{grid-area:meterNumber}@media(min-width: 768px){ocp-supplier-information-app .supplierInformationWrapper{grid-template-areas:"previousSupplier previousSupplier" "customerNumber meterNumber"}}ocp-supplier-information-app .smartControlMeterSubHeading{margin-bottom:calc(2.4rem*var(--rem-base-factor, 1))}ocp-supplier-information-app .dropdown{margin-top:calc(2.4rem*var(--rem-base-factor, 1))}ocp-supplier-information-app .smartControlMeterOption .smartControlMeterWrapper{font-size:calc(1.8rem*var(--rem-font-factor, 1));line-height:1.2;display:block;width:100%;margin-bottom:calc(1.6rem*var(--rem-base-factor, 1))}ocp-supplier-information-app .smartControlMeterOption .meterOptionDetailsWrapper{margin-bottom:calc(1.6rem*var(--rem-base-factor, 1))}
tariff-overview-app .tariffOverviewWrapper .skeleton:first-child{height:calc(7rem*var(--rem-base-factor, 1));margin:0 0 calc(2rem*var(--rem-base-factor, 1)) 0}
otp-customer-input-app{display:inline-block;position:relative;padding:0;width:100%}@media(min-width: 768px)and (max-width: 1023px){otp-customer-input-app{padding-top:calc(4rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){otp-customer-input-app{padding-top:calc(6.4rem*var(--rem-base-factor, 1))}}otp-customer-input-app .ribbonWrapper{position:relative}@media(min-width: 768px){otp-customer-input-app .ribbonWrapper{position:absolute;top:calc(-2.5rem*var(--rem-base-factor, 1));right:0}}otp-customer-input-app .headlineWrapper{margin-bottom:calc(3.2rem*var(--rem-base-factor, 1))}@media(min-width: 1024px){otp-customer-input-app .headlineWrapper{margin-bottom:calc(4rem*var(--rem-base-factor, 1))}}otp-customer-input-app .container{padding:calc(3.2rem*var(--rem-base-factor, 1)) calc(2.4rem*var(--rem-base-factor, 1))}@media(min-width: 768px)and (max-width: 1023px){otp-customer-input-app .container{padding:0 calc(3.2rem*var(--rem-base-factor, 1)) calc(4rem*var(--rem-base-factor, 1));width:100%}}@media(min-width: 1024px){otp-customer-input-app .container{padding:0 calc(4rem*var(--rem-base-factor, 1)) calc(4.8rem*var(--rem-base-factor, 1))}}otp-customer-input-app .customerWrapper{display:grid;grid-gap:calc(2.4rem*var(--rem-base-factor, 1))}@media(max-width: 767px){otp-customer-input-app .customerWrapper{grid-template-columns:1fr}otp-customer-input-app .customerWrapper .firstColumn{order:1}otp-customer-input-app .customerWrapper .middleColumn{order:2}otp-customer-input-app .customerWrapper .lastColumn{order:3}}@media(min-width: 768px)and (max-width: 1023px){otp-customer-input-app .customerWrapper{grid-template-columns:1fr 1fr}otp-customer-input-app .customerWrapper .firstColumn,otp-customer-input-app .customerWrapper .middleColumn{order:0}otp-customer-input-app .customerWrapper .lastColumn{grid-column:1/-1;text-align:end}}@media(min-width: 1024px){otp-customer-input-app .customerWrapper{grid-template-columns:2fr 2fr 1fr;grid-gap:calc(2.4rem*var(--rem-base-factor, 1))}otp-customer-input-app .customerWrapper.singleTariff{grid-template-columns:1fr 1fr 1fr 1fr}otp-customer-input-app .customerWrapper .lastColumn{grid-column:auto;text-align:left}}@media(max-width: 767px){otp-customer-input-app .houseInputWrapper{margin-top:calc(2.4rem*var(--rem-base-factor, 1))}}@media(min-width: 768px){otp-customer-input-app .houseInputWrapper{max-width:33.33%;flex-basis:100%;margin:0 0 0 calc(2rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){otp-customer-input-app .radioButtonWrapper{margin-bottom:calc(-1rem*var(--rem-base-factor, 1))}}@media(min-width: 768px){otp-customer-input-app .streetHouseWrapper{display:flex}}@media(min-width: 768px){otp-customer-input-app .streetInputWrapper{max-width:66.66%;flex-basis:100%}}otp-customer-input-app .doubleConsumptionWrapper{display:flex;justify-content:space-between}otp-customer-input-app .doubleConsumptionWrapper>*{width:47%}
tan-input-app .inputWrapper{margin:calc(3.2rem*var(--rem-base-factor, 1)) calc(0rem*var(--rem-base-factor, 1));display:block}
.boxWrapper{height:calc(10.4rem*var(--rem-base-factor, 1))}.stepBoxWrapper{display:flex;align-items:center;justify-content:space-evenly;margin-top:calc(6.4rem*var(--rem-base-factor, 1))}@media(max-width: 767px){.stepBoxWrapper{margin-top:calc(4.8rem*var(--rem-base-factor, 1));flex-direction:column;gap:calc(2.4rem*var(--rem-base-factor, 1));align-items:flex-start}}.step{width:calc(9.6rem*var(--rem-base-factor, 1));height:calc(9.6rem*var(--rem-base-factor, 1))}@media(max-width: 767px){.step{border-radius:50%;width:calc(4.8rem*var(--rem-base-factor, 1));height:calc(4.8rem*var(--rem-base-factor, 1))}}
product-advisor-partner-input-app{padding-top:calc(3.2rem*var(--rem-base-factor, 1))}product-advisor-partner-input-app .b2bInputWrapper{display:flex;flex-wrap:wrap}product-advisor-partner-input-app .b2bInputWrapper .zipInputWrapper{min-width:calc(15rem*var(--rem-base-factor, 1))}product-advisor-partner-input-app .b2bInputWrapper .streetHouseWrapper{display:flex}product-advisor-partner-input-app .b2bInputWrapper .streetInputWrapper{max-width:66.66%;flex-basis:100%}product-advisor-partner-input-app .b2bInputWrapper .houseInputWrapper{max-width:33.33%;flex-basis:100%;margin-left:calc(2.4rem*var(--rem-base-factor, 1))}product-advisor-partner-input-app .b2bInputWrapper .industryDropdownWrapper,product-advisor-partner-input-app .b2bInputWrapper .dropdownWrapper{min-width:0}product-advisor-partner-input-app .b2bInputWrapper .submitButtonWrapper{max-width:fit-content}product-advisor-partner-input-app .b2bInputWrapper>*{flex:0 0 100%;margin:calc(2.4rem*var(--rem-base-factor, 1)) 0 0 0;max-width:100%}product-advisor-partner-input-app .b2bInputWrapper .readMoreCollapsed{margin:calc(-2.4rem*var(--rem-base-factor, 1)) 0 calc(-2.4rem*var(--rem-base-factor, 1))}product-advisor-partner-input-app .b2bInputWrapper .readMoreExpanded{margin-bottom:calc(-2.4rem*var(--rem-base-factor, 1))}
product-advisor-dynamic-calculator-input-app .container{display:grid;width:100%;padding:calc(3.2rem*var(--rem-base-factor, 1)) calc(2.4rem*var(--rem-base-factor, 1))}@media(min-width: 768px)and (max-width: 1023px){product-advisor-dynamic-calculator-input-app .container{padding:calc(4rem*var(--rem-base-factor, 1)) calc(3.2rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){product-advisor-dynamic-calculator-input-app .container{padding:calc(4.8rem*var(--rem-base-factor, 1)) calc(4rem*var(--rem-base-factor, 1))}}product-advisor-dynamic-calculator-input-app .container .addressFieldText{margin-top:calc(3.2rem*var(--rem-base-factor, 1))}product-advisor-dynamic-calculator-input-app .container .priceFieldText{margin-top:calc(3.2rem*var(--rem-base-factor, 1))}product-advisor-dynamic-calculator-input-app .container .submitButtonWrapper{margin-top:calc(2.4rem*var(--rem-base-factor, 1))}@media(min-width: 1024px){product-advisor-dynamic-calculator-input-app .container .submitButtonWrapper{margin-top:calc(3.2rem*var(--rem-base-factor, 1))}}product-advisor-dynamic-calculator-input-app .container .headlineLinkWrapper{display:flex}@media(max-width: 767px){product-advisor-dynamic-calculator-input-app .container .headlineLinkWrapper{flex-direction:column;gap:calc(2.4rem*var(--rem-base-factor, 1))}}@media(min-width: 768px){product-advisor-dynamic-calculator-input-app .container .headlineLinkWrapper{align-items:flex-end;justify-content:space-between}}@media(min-width: 768px){product-advisor-dynamic-calculator-input-app .container .emptyInputFieldsLink{margin-bottom:calc(-1rem*var(--rem-base-factor, 1))}}product-advisor-dynamic-calculator-input-app .container .addressWrapper{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:calc(3.2rem*var(--rem-base-factor, 1))}@media(max-width: 767px){product-advisor-dynamic-calculator-input-app .container .addressWrapper{margin-top:calc(2.4rem*var(--rem-base-factor, 1));gap:calc(2.4rem*var(--rem-base-factor, 1));grid-template-columns:1fr}}@media(min-width: 768px)and (max-width: 1023px){product-advisor-dynamic-calculator-input-app .container .addressWrapper{margin-top:calc(2.4rem*var(--rem-base-factor, 1));grid-template-columns:1fr 1fr}}@media(min-width: 1024px){product-advisor-dynamic-calculator-input-app .container .addressWrapper{margin-top:calc(3.2rem*var(--rem-base-factor, 1));grid-template-columns:1fr 1fr 1fr 1fr}}product-advisor-dynamic-calculator-input-app .container .tariffTypeRadioButtonWrapper{margin-top:calc(2.4rem*var(--rem-base-factor, 1))}product-advisor-dynamic-calculator-input-app .container .workingPriceWrapper{grid-area:workingPrice}product-advisor-dynamic-calculator-input-app .container .workingPriceNtWrapper{grid-area:workingPriceNt}product-advisor-dynamic-calculator-input-app .container .basicPriceWrapper{grid-area:basicPrice}product-advisor-dynamic-calculator-input-app .container .annualMaximumWrapper{grid-area:annualMaximum}product-advisor-dynamic-calculator-input-app .container .voltageDropdownWrapper{grid-area:voltageDropdown}product-advisor-dynamic-calculator-input-app .container .consumptionWrapper{grid-area:consumption}product-advisor-dynamic-calculator-input-app .container .htConsumptionWrapper{grid-area:htConsumption}product-advisor-dynamic-calculator-input-app .container .ntConsumptionWrapper{grid-area:ntConsumption}product-advisor-dynamic-calculator-input-app .container .generalDropdownWrapper{grid-area:generalDropdown}product-advisor-dynamic-calculator-input-app .container .dataProvisionDropdownWrapper{grid-area:dataProvisionDropdown}product-advisor-dynamic-calculator-input-app .container .slpEtInputsWrapper{display:grid;gap:calc(3.2rem*var(--rem-base-factor, 1));margin-top:calc(3.2rem*var(--rem-base-factor, 1));grid-template-columns:1fr 1fr 1fr;grid-template-areas:"workingPrice basicPrice consumption"}@media(max-width: 767px){product-advisor-dynamic-calculator-input-app .container .slpEtInputsWrapper{margin-top:calc(2.4rem*var(--rem-base-factor, 1));gap:calc(2.4rem*var(--rem-base-factor, 1));grid-template-areas:"workingPrice " "basicPrice" "consumption";grid-template-columns:1fr}}@media(min-width: 768px)and (max-width: 1023px){product-advisor-dynamic-calculator-input-app .container .slpEtInputsWrapper{margin-top:calc(2.4rem*var(--rem-base-factor, 1))}}product-advisor-dynamic-calculator-input-app .container .slpDtInputsWrapper{display:grid;grid-gap:calc(3.2rem*var(--rem-base-factor, 1));margin-top:calc(2.4rem*var(--rem-base-factor, 1));grid-template-columns:repeat(6, 1fr);grid-template-areas:"workingPrice workingPrice  workingPriceNt workingPriceNt basicPrice basicPrice" "htConsumption htConsumption htConsumption ntConsumption ntConsumption ntConsumption"}@media(max-width: 767px){product-advisor-dynamic-calculator-input-app .container .slpDtInputsWrapper{gap:calc(2.4rem*var(--rem-base-factor, 1));grid-template-areas:"workingPrice " "workingPriceNt" "basicPrice" "htConsumption" "ntConsumption";grid-template-columns:1fr}}product-advisor-dynamic-calculator-input-app .container .rlmInputsWrapper{display:grid;margin-top:calc(2.4rem*var(--rem-base-factor, 1));grid-gap:calc(3.2rem*var(--rem-base-factor, 1));grid-template-columns:repeat(6, 1fr);grid-template-areas:"workingPrice workingPrice workingPrice basicPrice basicPrice basicPrice" "consumption consumption annualMaximum  annualMaximum voltageDropdown voltageDropdown "}@media(max-width: 767px){product-advisor-dynamic-calculator-input-app .container .rlmInputsWrapper{grid-gap:calc(2.4rem*var(--rem-base-factor, 1));grid-template-areas:"workingPrice " "basicPrice" "consumption" "annualMaximum" "voltageDropdown";grid-template-columns:1fr}}product-advisor-dynamic-calculator-input-app .container .gasInputWrapper{display:grid;grid-template-columns:1fr 1fr;gap:calc(3.2rem*var(--rem-base-factor, 1));margin-top:calc(2.4rem*var(--rem-base-factor, 1))}product-advisor-dynamic-calculator-input-app .container .gasSlpInputWrapper{grid-template-areas:"workingPrice basicPrice" "consumption generalDropdown"}@media(max-width: 767px){product-advisor-dynamic-calculator-input-app .container .gasSlpInputWrapper{gap:calc(2.4rem*var(--rem-base-factor, 1));grid-template-areas:"workingPrice " "basicPrice" "consumption" "generalDropdown";grid-template-columns:1fr}}product-advisor-dynamic-calculator-input-app .container .gasRlmInputWrapper{grid-template-areas:"workingPrice basicPrice" "consumption generalDropdown" "annualMaximum dataProvisionDropdown"}@media(max-width: 767px){product-advisor-dynamic-calculator-input-app .container .gasRlmInputWrapper{gap:calc(2.4rem*var(--rem-base-factor, 1));grid-template-areas:"workingPrice " "basicPrice" "consumption" "generalDropdown" "annualMaximum" "dataProvisionDropdown";grid-template-columns:1fr}}
product-advisor-emobility-input-app{display:inline-block;position:relative;padding:0;width:100%}@media(min-width: 768px)and (max-width: 1023px){product-advisor-emobility-input-app{padding-top:calc(4rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){product-advisor-emobility-input-app{padding-top:calc(4.8rem*var(--rem-base-factor, 1))}}product-advisor-emobility-input-app .container{padding:calc(3.2rem*var(--rem-base-factor, 1)) calc(2.4rem*var(--rem-base-factor, 1))}@media(min-width: 768px){product-advisor-emobility-input-app .container{padding:0 calc(3.2rem*var(--rem-base-factor, 1)) calc(4rem*var(--rem-base-factor, 1));width:100%}}@media(min-width: 1024px){product-advisor-emobility-input-app .container{padding:0 calc(4rem*var(--rem-base-factor, 1)) calc(4.8rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){product-advisor-emobility-input-app .content{display:flex}}product-advisor-emobility-input-app .headline{display:block;margin-bottom:calc(4.8rem*var(--rem-base-factor, 1))}product-advisor-emobility-input-app .inputs{width:100%;border-bottom:1px solid var(--c-dividing-rule-color);margin-bottom:calc(2.4rem*var(--rem-base-factor, 1))}@media(min-width: 768px){product-advisor-emobility-input-app .inputs{margin-bottom:calc(calc(2.4rem * var(--rem-base-factor, 1)) + calc(0.8rem * var(--rem-base-factor, 1)))}}@media(min-width: 1024px){product-advisor-emobility-input-app .inputs{margin-bottom:calc(calc(2.4rem * var(--rem-base-factor, 1)) + calc(0.8rem * var(--rem-base-factor, 1)) + calc(0.8rem * var(--rem-base-factor, 1)))}}@media(min-width: 1024px){product-advisor-emobility-input-app .inputs{border-bottom:0;margin-bottom:0;border-right:1px solid var(--c-dividing-rule-color);padding-right:calc(3.2rem*var(--rem-base-factor, 1));margin-right:calc(3.2rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px)and (min-width: 768px){product-advisor-emobility-input-app .inputs{padding-right:calc(calc(3.2rem * var(--rem-base-factor, 1)) + calc(0.8rem * var(--rem-base-factor, 1)))}}@media(min-width: 1024px)and (min-width: 1024px){product-advisor-emobility-input-app .inputs{padding-right:calc(calc(3.2rem * var(--rem-base-factor, 1)) + calc(0.8rem * var(--rem-base-factor, 1)) + calc(0.8rem * var(--rem-base-factor, 1)))}}@media(min-width: 1024px)and (min-width: 768px){product-advisor-emobility-input-app .inputs{margin-right:calc(calc(3.2rem * var(--rem-base-factor, 1)) + calc(0.8rem * var(--rem-base-factor, 1)))}}@media(min-width: 1024px)and (min-width: 1024px){product-advisor-emobility-input-app .inputs{margin-right:calc(calc(3.2rem * var(--rem-base-factor, 1)) + calc(0.8rem * var(--rem-base-factor, 1)) + calc(0.8rem * var(--rem-base-factor, 1)))}}product-advisor-emobility-input-app .inputs .inputGroup{margin-bottom:calc(6.4rem*var(--rem-base-factor, 1))}@media(min-width: 1024px){product-advisor-emobility-input-app .inputs .inputGroup:last-of-type{margin-bottom:0}}@media(min-width: 1024px){product-advisor-emobility-input-app .inputs .inputGroup .wrapper{display:flex;align-items:flex-end;justify-content:space-between;gap:calc(10rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px)and (min-width: 1024px)and (max-width: 1535px){product-advisor-emobility-input-app .inputs .inputGroup .wrapper{gap:calc(6rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){product-advisor-emobility-input-app .inputs .inputGroup .zipInputWrapper{margin-top:calc(-2.4rem*var(--rem-base-factor, 1))}product-advisor-emobility-input-app .inputs .inputGroup .element{margin-bottom:0}}product-advisor-emobility-input-app .inputs .inputGroup .zipInput{margin-top:calc(1.2rem*var(--rem-base-factor, 1));margin-bottom:calc(2.4rem*var(--rem-base-factor, 1))}@media(min-width: 768px){product-advisor-emobility-input-app .inputs .inputGroup .zipInput{margin-bottom:calc(3.2rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){product-advisor-emobility-input-app .inputs .inputGroup .zipInput{margin-bottom:0}}product-advisor-emobility-input-app .consumption{margin-bottom:calc(2.4rem*var(--rem-base-factor, 1))}@media(min-width: 768px){product-advisor-emobility-input-app .consumption{margin-bottom:calc(3.2rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){product-advisor-emobility-input-app .consumption{margin-bottom:calc(6.4rem*var(--rem-base-factor, 1))}}product-advisor-emobility-input-app .ribbonWrapper{position:relative}@media(min-width: 768px){product-advisor-emobility-input-app .ribbonWrapper{position:absolute;top:calc(-2.5rem*var(--rem-base-factor, 1));right:0}}@media(min-width: 1024px){product-advisor-emobility-input-app .ribbonWrapper{width:auto;display:flex;justify-content:flex-end;top:calc(-2.5rem*var(--rem-base-factor, 1));right:0}}product-advisor-emobility-input-app .headlineWrapper{display:flex;align-items:center;margin-bottom:calc(1.6rem*var(--rem-base-factor, 1))}@media(min-width: 768px){product-advisor-emobility-input-app .headlineWrapper{margin-bottom:calc(calc(1.6rem * var(--rem-base-factor, 1)) + calc(0.8rem * var(--rem-base-factor, 1)))}}@media(min-width: 1024px){product-advisor-emobility-input-app .headlineWrapper{margin-bottom:calc(calc(1.6rem * var(--rem-base-factor, 1)) + calc(0.8rem * var(--rem-base-factor, 1)) + calc(0.8rem * var(--rem-base-factor, 1)))}}product-advisor-emobility-input-app .headlineWrapper .headlineIcon{margin-right:calc(0.8rem*var(--rem-base-factor, 1))}product-advisor-emobility-input-app .inputWrapper{display:flex;align-items:center;gap:calc(1.2rem*var(--rem-base-factor, 1));margin-top:calc(1.6rem*var(--rem-base-factor, 1))}product-advisor-emobility-input-app .inputWrapper input.skeleton{width:calc(100% - (3.2rem*var(--rem-base-factor, 1) + 1.2rem*var(--rem-base-factor, 1))*2)}product-advisor-emobility-input-app .submitButtonWrapper .skeleton{margin-top:calc(2.4rem*var(--rem-base-factor, 1))}@media(min-width: 768px){product-advisor-emobility-input-app .submitButtonWrapper .skeleton{margin-top:calc(calc(2.4rem * var(--rem-base-factor, 1)) + calc(0.8rem * var(--rem-base-factor, 1)))}}@media(min-width: 1024px){product-advisor-emobility-input-app .submitButtonWrapper .skeleton{margin-top:calc(calc(2.4rem * var(--rem-base-factor, 1)) + calc(0.8rem * var(--rem-base-factor, 1)) + calc(0.8rem * var(--rem-base-factor, 1)))}}@media(min-width: 1024px){product-advisor-emobility-input-app .summary{width:calc(40rem*var(--rem-base-factor, 1))}}@media(min-width: 1536px){product-advisor-emobility-input-app .summary{width:calc(50rem*var(--rem-base-factor, 1))}}product-advisor-emobility-input-app .element{margin-bottom:calc(4.8rem*var(--rem-base-factor, 1))}@media(min-width: 768px){product-advisor-emobility-input-app .element{margin-bottom:calc(6.4rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){product-advisor-emobility-input-app .element{width:100%}}product-advisor-emobility-input-app .description{display:block;margin-bottom:calc(2.4rem*var(--rem-base-factor, 1))}@media(min-width: 768px){product-advisor-emobility-input-app .description{margin-bottom:calc(3.2rem*var(--rem-base-factor, 1))}}product-advisor-emobility-input-app .description p{margin:0}product-advisor-emobility-input-app .description.skeleton{margin:0}@media(max-width: 1023px){product-advisor-emobility-input-app .description.skeleton{display:none}}@media(max-width: 1023px){product-advisor-emobility-input-app .description.skeleton.skeleton--25{display:none}}product-advisor-emobility-input-app .description.skeleton.skeleton--50{display:none}@media(max-width: 1023px){product-advisor-emobility-input-app .description.skeleton.skeleton--50{display:block}}@media(max-width: 1023px){product-advisor-emobility-input-app .description.skeleton.skeleton--75{display:none}}
.inputGroupComponent .headlineWrapper{display:flex;align-items:center;margin-bottom:calc(2.4rem*var(--rem-base-factor, 1))}@media(min-width: 768px){.inputGroupComponent .headlineWrapper{margin-bottom:calc(3.2rem*var(--rem-base-factor, 1))}}.inputGroupComponent .headlineIcon{margin-right:calc(0.8rem*var(--rem-base-factor, 1))}.inputGroupComponent:not(:last-of-type){margin-top:calc(3.2rem*var(--rem-base-factor, 1));margin-bottom:calc(3.2rem*var(--rem-base-factor, 1))}@media(min-width: 1024px){.inputGroupComponent:not(:last-of-type){margin-top:calc(4.8rem*var(--rem-base-factor, 1));margin-bottom:calc(4.8rem*var(--rem-base-factor, 1))}}.inputGroupComponent .stepInputWrapper{margin-top:calc(-1.4rem*var(--rem-base-factor, 1))}
product-advisor-eon-plus-input-app{display:inline-block;padding:calc(3.2rem*var(--rem-base-factor, 1)) calc(2.4rem*var(--rem-base-factor, 1))}@media(min-width: 1024px){product-advisor-eon-plus-input-app{padding:calc(4.8rem*var(--rem-base-factor, 1)) calc(4rem*var(--rem-base-factor, 1))}}product-advisor-eon-plus-input-app .headlineWrapper{margin-bottom:calc(3.2rem*var(--rem-base-factor, 1))}@media(min-width: 1024px){product-advisor-eon-plus-input-app .headlineWrapper{margin-bottom:calc(4.8rem*var(--rem-base-factor, 1))}}product-advisor-eon-plus-input-app .wrapper{display:grid;gap:calc(2.4rem*var(--rem-base-factor, 1));margin-top:calc(0.8rem*var(--rem-base-factor, 1))}@media(min-width: 1024px){product-advisor-eon-plus-input-app .wrapper{grid-template-columns:1fr 4fr;align-items:center;margin-top:calc(-0.8rem*var(--rem-base-factor, 1))}}product-advisor-eon-plus-input-app .wrapper .houseAreaWrapper{width:100%}@media(min-width: 1024px){product-advisor-eon-plus-input-app .wrapper .houseAreaWrapper{width:auto;min-width:calc(25.2rem*var(--rem-base-factor, 1))}}product-advisor-eon-plus-input-app .stepInputWrapper{margin-top:calc(-1.4rem*var(--rem-base-factor, 1))}@media(min-width: 1024px){product-advisor-eon-plus-input-app .stepInputWrapper{min-width:calc(25rem*var(--rem-base-factor, 1))}}product-advisor-eon-plus-input-app .footnote{display:block;margin-top:calc(2.4rem*var(--rem-base-factor, 1))}@media(min-width: 1024px){product-advisor-eon-plus-input-app .footnote{margin-top:calc(3.2rem*var(--rem-base-factor, 1))}}product-advisor-eon-plus-input-app .cta{margin-top:calc(3.2rem*var(--rem-base-factor, 1))}@media(min-width: 1024px){product-advisor-eon-plus-input-app .cta{margin-top:calc(3.6rem*var(--rem-base-factor, 1))}}
product-advisor-input-app{display:inline-block;position:relative;padding:0;width:100%;background-color:var(--product-advisor-input-background-color)}product-advisor-input-app .ribbonWrapper{position:relative}@media(min-width: 768px){product-advisor-input-app .ribbonWrapper{position:absolute;top:calc(-2.5rem*var(--rem-base-factor, 1));right:0}}product-advisor-input-app .container,product-advisor-input-app .b2bContainer{padding:calc(3.2rem*var(--rem-base-factor, 1)) calc(2.4rem*var(--rem-base-factor, 1))}@media(min-width: 768px)and (max-width: 1023px){product-advisor-input-app .container,product-advisor-input-app .b2bContainer{padding:calc(4rem*var(--rem-base-factor, 1)) calc(3.2rem*var(--rem-base-factor, 1)) calc(4rem*var(--rem-base-factor, 1));width:100%}}@media(min-width: 1024px){product-advisor-input-app .container,product-advisor-input-app .b2bContainer{padding:calc(4.8rem*var(--rem-base-factor, 1)) calc(4rem*var(--rem-base-factor, 1)) calc(4.8rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){product-advisor-input-app .b2bContainer{padding:0}}product-advisor-input-app .headlineWrapper{margin-bottom:calc(3.2rem*var(--rem-base-factor, 1))}@media(min-width: 1024px){product-advisor-input-app .headlineWrapper{margin-bottom:calc(4rem*var(--rem-base-factor, 1))}}product-advisor-input-app .messageAndLinkWrapper{margin-top:calc(3.2rem*var(--rem-base-factor, 1))}product-advisor-input-app .messageAndLinkWrapper>:not(:first-child){margin-top:calc(0rem*var(--rem-base-factor, 1))}product-advisor-input-app .messageAndLinkWrapper>:last-child:not(:first-child){margin-top:calc(1.2rem*var(--rem-base-factor, 1))}product-advisor-input-app .messageAndLinkWrapper .linkLeft{text-align:left}product-advisor-input-app .inputWrapper,product-advisor-input-app .b2bInputWrapper{display:flex;flex-wrap:wrap;align-items:flex-start}product-advisor-input-app .inputWrapper .zipInputWrapper,product-advisor-input-app .b2bInputWrapper .zipInputWrapper{min-width:calc(21rem*var(--rem-base-factor, 1))}product-advisor-input-app .inputWrapper .consumptionInputWrapper,product-advisor-input-app .b2bInputWrapper .consumptionInputWrapper{min-width:calc(15rem*var(--rem-base-factor, 1))}@media(max-width: 767px){product-advisor-input-app .inputWrapper,product-advisor-input-app .b2bInputWrapper{width:100%}product-advisor-input-app .inputWrapper>*,product-advisor-input-app .b2bInputWrapper>*{flex-basis:100%}product-advisor-input-app .inputWrapper>:not(:last-child),product-advisor-input-app .b2bInputWrapper>:not(:last-child){margin-bottom:calc(2.4rem*var(--rem-base-factor, 1))}}@media(min-width: 768px)and (max-width: 1023px){product-advisor-input-app .inputWrapper,product-advisor-input-app .b2bInputWrapper{width:calc(100% + calc(2.4rem * var(--rem-base-factor, 1)))}product-advisor-input-app .inputWrapper>*:not(.submitButtonWrapper),product-advisor-input-app .b2bInputWrapper>*:not(.submitButtonWrapper){flex-basis:100%}product-advisor-input-app .inputWrapper>:not(:last-child),product-advisor-input-app .b2bInputWrapper>:not(:last-child){margin-bottom:calc(2.4rem*var(--rem-base-factor, 1));margin-right:calc(2.4rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){product-advisor-input-app .inputWrapper,product-advisor-input-app .b2bInputWrapper{width:calc(100% + calc(2.4rem * var(--rem-base-factor, 1)));margin:calc(-1*calc(2.4rem * var(--rem-base-factor, 1))) 0 0 calc(-1*calc(2.4rem * var(--rem-base-factor, 1)))}product-advisor-input-app .inputWrapper>*,product-advisor-input-app .b2bInputWrapper>*{margin:calc(2.4rem*var(--rem-base-factor, 1)) 0 0 calc(2.4rem*var(--rem-base-factor, 1))}product-advisor-input-app .inputWrapper>*:not(:last-child),product-advisor-input-app .b2bInputWrapper>*:not(:last-child){margin-bottom:0;margin-right:0}product-advisor-input-app .inputWrapper>*:not(.submitButtonWrapper):not(.stepInputWrapper),product-advisor-input-app .b2bInputWrapper>*:not(.submitButtonWrapper):not(.stepInputWrapper){max-width:33%;flex:1 0 calc(20rem*var(--rem-base-factor, 1))}product-advisor-input-app .inputWrapper>*:not(.submitButtonWrapper):not(.stepInputWrapper).dropdownWrapper,product-advisor-input-app .b2bInputWrapper>*:not(.submitButtonWrapper):not(.stepInputWrapper).dropdownWrapper{max-width:calc(33% - 2rem*var(--rem-base-factor, 1))}product-advisor-input-app .inputWrapper>*:nth-child(n).stepInputWrapper~*:nth-child(n+4).dropdownWrapper,product-advisor-input-app .b2bInputWrapper>*:nth-child(n).stepInputWrapper~*:nth-child(n+4).dropdownWrapper{max-width:33%}}product-advisor-input-app .inputWrapper .stepInputWrapper,product-advisor-input-app .b2bInputWrapper .stepInputWrapper{margin-top:calc(-1rem*var(--rem-base-factor, 1))}@media(min-width: 1024px){product-advisor-input-app .inputWrapper .stepInputWrapper,product-advisor-input-app .b2bInputWrapper .stepInputWrapper{min-width:calc(25rem*var(--rem-base-factor, 1));margin-top:calc(1.2rem*var(--rem-base-factor, 1));flex-basis:auto}}product-advisor-input-app .inputWrapper.skeleton,product-advisor-input-app .b2bInputWrapper.skeleton{background:none;height:inherit}@media(max-width: 1023px){product-advisor-input-app .inputWrapper.skeleton .submitButtonWrapper,product-advisor-input-app .b2bInputWrapper.skeleton .submitButtonWrapper{max-width:calc(16rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){product-advisor-input-app .inputWrapper.skeleton *:not(.submitButtonWrapper):not(.stepInputWrapper).dropdownWrapper,product-advisor-input-app .b2bInputWrapper.skeleton *:not(.submitButtonWrapper):not(.stepInputWrapper).dropdownWrapper{max-width:calc(33% - 2rem*var(--rem-base-factor, 1))}}product-advisor-input-app .b2bInputWrapper{max-width:100%}product-advisor-input-app .b2bInputWrapper .zipInputWrapper{min-width:calc(15rem*var(--rem-base-factor, 1))}product-advisor-input-app .b2bInputWrapper .streetHouseWrapper{display:flex}product-advisor-input-app .b2bInputWrapper .streetInputWrapper{max-width:66.66%;flex-basis:100%}product-advisor-input-app .b2bInputWrapper .houseInputWrapper{max-width:33.33%;flex-basis:100%;margin-left:calc(2.4rem*var(--rem-base-factor, 1))}product-advisor-input-app .b2bInputWrapper .industryDropdownWrapper,product-advisor-input-app .b2bInputWrapper .dropdownWrapper{min-width:0}product-advisor-input-app .b2bInputWrapper .readMoreCollapsed{margin:calc(-4.8rem*var(--rem-base-factor, 1)) 0 calc(-2.4rem*var(--rem-base-factor, 1))}@media(min-width: 1024px){product-advisor-input-app .b2bInputWrapper .readMoreCollapsed{margin:calc(-1.6rem*var(--rem-base-factor, 1)) 0 calc(-4rem*var(--rem-base-factor, 1))}}product-advisor-input-app .b2bInputWrapper .readMoreExpanded{margin-bottom:calc(-2.4rem*var(--rem-base-factor, 1))}@media(min-width: 1024px){product-advisor-input-app .b2bInputWrapper{margin:calc(-1*calc(2.4rem * var(--rem-base-factor, 1))) 0 0 0}product-advisor-input-app .b2bInputWrapper .submitButtonWrapper{max-width:fit-content}product-advisor-input-app .b2bInputWrapper>*{margin:calc(2.4rem*var(--rem-base-factor, 1)) 0 0 0}product-advisor-input-app .b2bInputWrapper>*:not(.submitButtonWrapper):not(.stepInputWrapper){flex:0 0 100%;max-width:100%}product-advisor-input-app .b2bInputWrapper>*:not(.submitButtonWrapper):not(.stepInputWrapper).dropdownWrapper{max-width:calc(100% + 2rem)}}@media(min-width: 768px)and (max-width: 1023px){product-advisor-input-app .b2bInputWrapper .submitButtonWrapper{max-width:fit-content}product-advisor-input-app .b2bInputWrapper>:not(:last-child){margin-right:0}}@media(min-width: 1024px){product-advisor-input-app .b2bInputWrapper.skeleton *:not(.submitButtonWrapper):not(.stepInputWrapper).dropdownWrapper{max-width:100%}}product-advisor-input-app .doubleTariffInputWrapper{display:flex;flex-wrap:wrap;align-items:flex-start;gap:calc(2.4rem*var(--rem-base-factor, 1))}@media(max-width: 767px){product-advisor-input-app .doubleTariffInputWrapper{width:100%;gap:calc(0rem*var(--rem-base-factor, 1))}product-advisor-input-app .doubleTariffInputWrapper>*{flex-basis:100%}product-advisor-input-app .doubleTariffInputWrapper>:not(:last-child){margin-bottom:calc(2.4rem*var(--rem-base-factor, 1))}}@media(min-width: 768px)and (max-width: 1023px){product-advisor-input-app .doubleTariffInputWrapper{gap:0 calc(2.4rem*var(--rem-base-factor, 1))}product-advisor-input-app .doubleTariffInputWrapper>*:not(.submitButtonWrapper){flex-basis:100%}product-advisor-input-app .doubleTariffInputWrapper>:not(:last-child){margin-bottom:calc(2.4rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){product-advisor-input-app .doubleTariffInputWrapper>*:not(.submitButtonWrapper){flex:1}product-advisor-input-app .doubleTariffInputWrapper>*:not(:last-child){margin-bottom:0;margin-right:0}}product-advisor-input-app .doubleTariffInputWrapper.skeleton{background:none;height:inherit}@media(max-width: 1023px){product-advisor-input-app .doubleTariffInputWrapper.skeleton .submitButtonWrapper{max-width:calc(16rem*var(--rem-base-factor, 1))}}
@media(max-width: 767px){product-advisor-v2-input-app .container{padding:calc(4.8rem*var(--rem-base-factor, 1)) calc(2.4rem*var(--rem-base-factor, 1)) calc(5.6rem*var(--rem-base-factor, 1))}}@media(min-width: 768px)and (max-width: 1023px){product-advisor-v2-input-app .container{padding:calc(4rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){product-advisor-v2-input-app .container{padding:calc(4.8rem*var(--rem-base-factor, 1)) calc(4rem*var(--rem-base-factor, 1)) calc(5.6rem*var(--rem-base-factor, 1))}}product-advisor-v2-input-app .container .headlineWrapper{word-break:normal;overflow-wrap:anywhere;margin-bottom:calc(1.6rem*var(--rem-base-factor, 1))}@media(min-width: 1024px){product-advisor-v2-input-app .container .headlineWrapper{margin-bottom:calc(2.4rem*var(--rem-base-factor, 1))}}product-advisor-v2-input-app .container .inputWrapper{display:flex;flex-wrap:wrap;row-gap:calc(2.4rem*var(--rem-base-factor, 1));column-gap:calc(2.4rem*var(--rem-base-factor, 1))}product-advisor-v2-input-app .container .inputWrapper .descriptionText,product-advisor-v2-input-app .container .inputWrapper .smartControlWrapper,product-advisor-v2-input-app .container .inputWrapper .zipInputWrapper,product-advisor-v2-input-app .container .inputWrapper .streetInputWrapper,product-advisor-v2-input-app .container .inputWrapper .houseInputWrapper,product-advisor-v2-input-app .container .inputWrapper .consumptionInputWrapper{flex-basis:100%}@media(min-width: 768px)and (max-width: 1023px){product-advisor-v2-input-app .container .inputWrapper .houseInputWrapper{max-width:calc(14rem*var(--rem-base-factor, 1))}product-advisor-v2-input-app .container .inputWrapper .zipInputWrapper,product-advisor-v2-input-app .container .inputWrapper .consumptionInputWrapper{flex-basis:100%}product-advisor-v2-input-app .container .inputWrapper .streetInputWrapper{flex:1 0 calc(20rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){product-advisor-v2-input-app .container .inputWrapper{row-gap:calc(4.8rem*var(--rem-base-factor, 1))}product-advisor-v2-input-app .container .inputWrapper .houseInputWrapper{max-width:calc(14rem*var(--rem-base-factor, 1))}product-advisor-v2-input-app .container .inputWrapper .streetInputWrapper,product-advisor-v2-input-app .container .inputWrapper .zipInputWrapper,product-advisor-v2-input-app .container .inputWrapper .consumptionInputWrapper{flex:1 0 calc(20rem*var(--rem-base-factor, 1))}}
.headline{margin-bottom:calc(1.6rem*var(--rem-base-factor, 1))}.footerText{margin-top:calc(1rem*var(--rem-base-factor, 1));padding-left:calc(4.2rem*var(--rem-base-factor, 1));padding-right:calc(2rem*var(--rem-base-factor, 1));font-weight:400}.title{display:block;margin:calc(3rem*var(--rem-base-factor, 1)) 0 calc(1.75rem*var(--rem-base-factor, 1)) 0}.footNoteText{margin:calc(3.2rem*var(--rem-base-factor, 1)) 0 calc(3.2rem*var(--rem-base-factor, 1))}
.questionnaireContactFormWrapper{display:grid;gap:calc(2.4rem*var(--rem-base-factor, 1)) calc(2.4rem*var(--rem-base-factor, 1))}@media(min-width: 768px){.questionnaireContactFormWrapper{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)}}.questionnaireContactFormWrapper .contactFormField{grid-column:1/span 2}.questionnaireContactFormWrapper .contactFormField p{margin:0}.questionnaireContactFormWrapper .contactFormField.descriptionField{margin-top:calc(1.5rem*var(--rem-base-factor, 1))}@media(min-width: 768px){.questionnaireContactFormWrapper .contactFormField.half{grid-column:auto}}@media(min-width: 768px){.questionnaireContactFormWrapper .contactFormField.streetHouseNumber{display:flex}}.questionnaireContactFormWrapper .contactFormField.streetHouseNumber .street{flex-grow:1}.questionnaireContactFormWrapper .contactFormField.streetHouseNumber .houseNumber{margin-top:calc(2.4rem*var(--rem-base-factor, 1));margin-left:0}@media(min-width: 768px){.questionnaireContactFormWrapper .contactFormField.streetHouseNumber .houseNumber{margin-top:0;flex-basis:calc(14rem*var(--rem-base-factor, 1));margin-left:calc(2.5rem*var(--rem-base-factor, 1))}}
.errorBoxWrapper{margin-bottom:calc(3rem*var(--rem-base-factor, 1))}.sslWrapper{display:flex;margin:calc(3.3rem*var(--rem-base-factor, 1)) 0 calc(3.8rem*var(--rem-base-factor, 1)) 0}.sslWrapper .sslIcon{padding-right:calc(1rem*var(--rem-base-factor, 1));padding-top:calc(0.4rem*var(--rem-base-factor, 1))}.sslWrapper .sslNote{margin-top:calc(0.8rem*var(--rem-base-factor, 1))}.optinText{margin-bottom:calc(1.5rem*var(--rem-base-factor, 1))}
raffle-logged-in-app .questionContainer{padding-top:calc(2rem*var(--rem-base-factor, 1))}raffle-logged-in-app .additionalSpace{margin-bottom:calc(3.2rem*var(--rem-base-factor, 1))}raffle-logged-in-app .legend{margin-bottom:calc(2rem*var(--rem-base-factor, 1))}raffle-logged-in-app .footNote{padding-top:calc(0.4rem*var(--rem-base-factor, 1))}@media(min-width: 768px){raffle-logged-in-app .footNote{padding-top:calc(0.8rem*var(--rem-base-factor, 1))}}raffle-logged-in-app .footNote *{font-size:calc(1.4rem*var(--rem-font-factor, 1));line-height:calc(1.8rem*var(--rem-base-factor, 1));color:var(--footnote-color)}raffle-logged-in-app .footNote p b a{color:var(--footnote-link-color)}raffle-logged-in-app .footNote p:last-child{margin-bottom:0}raffle-logged-in-app .submitButton{display:inline-block;padding-top:calc(3.2rem*var(--rem-base-factor, 1))}raffle-logged-in-app .errorContainer{margin-top:calc(2rem*var(--rem-base-factor, 1))}raffle-logged-in-app .loggedInHeadline{display:block;margin-bottom:calc(3.2rem*var(--rem-base-factor, 1))}
raffle-logged-out-app .contactFormWrapper{display:grid;margin:calc(3.2rem*var(--rem-base-factor, 1)) 0 calc(2.4rem*var(--rem-base-factor, 1)) 0;gap:calc(2.4rem*var(--rem-base-factor, 1)) calc(2.4rem*var(--rem-base-factor, 1));grid-template-areas:"headline" "subTitle" "salutation" "title" "firstName" "lastName" "email"}@media(min-width: 768px){raffle-logged-out-app .contactFormWrapper{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)}}raffle-logged-out-app .contactFormWrapper .contactFormHeadlineWrapper{grid-area:headline}raffle-logged-out-app .contactFormWrapper .contactFormSubTitleWrapper{grid-area:subTitle}raffle-logged-out-app .contactFormWrapper .salutationDropdownWrapper{grid-area:salutation}raffle-logged-out-app .contactFormWrapper .titleDropdownWrapper{grid-area:title}raffle-logged-out-app .contactFormWrapper .firstNameWrapper{grid-area:firstName}raffle-logged-out-app .contactFormWrapper .lastNameWrapper{grid-area:lastName}raffle-logged-out-app .contactFormWrapper .emailWrapper{grid-area:email}@media(min-width: 768px){raffle-logged-out-app .contactFormWrapper{grid-template-areas:"headline headline" "subTitle subTitle" "salutation title" "firstName lastName" "email email"}}raffle-logged-out-app .addressFieldWrapper{grid-area:address;display:grid;gap:calc(2.4rem*var(--rem-base-factor, 1)) calc(2.4rem*var(--rem-base-factor, 1));grid-template-areas:"city" "street" "houseNumber"}@media(min-width: 768px){raffle-logged-out-app .addressFieldWrapper{grid-template-areas:"city city" "street houseNumber"}}@media(min-width: 768px)and (max-width: 1023px){raffle-logged-out-app .addressFieldWrapper{grid-template-columns:minmax(0, 1fr) calc(14rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){raffle-logged-out-app .addressFieldWrapper{grid-template-columns:minmax(0, 1fr) calc(14rem*var(--rem-base-factor, 1))}}raffle-logged-out-app .addressFieldWrapper .city{grid-area:city}raffle-logged-out-app .addressFieldWrapper .street{grid-area:street}raffle-logged-out-app .addressFieldWrapper .houseNumber{grid-area:houseNumber}raffle-logged-out-app .questionContainer{padding-top:calc(2rem*var(--rem-base-factor, 1))}raffle-logged-out-app .legend{margin-bottom:calc(2rem*var(--rem-base-factor, 1))}raffle-logged-out-app .footNote{padding-top:calc(2.4rem*var(--rem-base-factor, 1))}@media(min-width: 768px){raffle-logged-out-app .footNote{padding-top:calc(2.4rem*var(--rem-base-factor, 1))}}raffle-logged-out-app .footNote *{font-size:calc(1.4rem*var(--rem-font-factor, 1));line-height:calc(1.8rem*var(--rem-base-factor, 1));color:var(--footnote-color)}raffle-logged-out-app .footNote p b a{color:var(--footnote-link-color)}raffle-logged-out-app .footNote p:last-child{margin-bottom:0}raffle-logged-out-app .submitButton{display:inline-block;padding-top:calc(3.2rem*var(--rem-base-factor, 1))}raffle-logged-out-app .errorContainer{margin-top:calc(2rem*var(--rem-base-factor, 1))}raffle-logged-out-app .loggedOutHeadline{display:block;margin-bottom:calc(3.2rem*var(--rem-base-factor, 1))}raffle-logged-out-app .additionalSpace{margin-bottom:calc(3.2rem*var(--rem-base-factor, 1))}
raffle-news-letter-app .contactFormWrapper{display:grid;gap:calc(2.4rem*var(--rem-base-factor, 1)) calc(2.4rem*var(--rem-base-factor, 1));grid-template-areas:"headline" "subTitle" "salutation" "title" "firstName" "lastName" "email"}@media(min-width: 768px){raffle-news-letter-app .contactFormWrapper{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)}}raffle-news-letter-app .contactFormWrapper .contactFormHeadlineWrapper{grid-area:headline}raffle-news-letter-app .contactFormWrapper .contactFormSubTitleWrapper{grid-area:subTitle}raffle-news-letter-app .contactFormWrapper .salutationDropdownWrapper{grid-area:salutation}raffle-news-letter-app .contactFormWrapper .titleDropdownWrapper{grid-area:title}raffle-news-letter-app .contactFormWrapper .firstNameWrapper{grid-area:firstName}raffle-news-letter-app .contactFormWrapper .lastNameWrapper{grid-area:lastName}raffle-news-letter-app .contactFormWrapper .emailWrapper{grid-area:email}@media(min-width: 768px){raffle-news-letter-app .contactFormWrapper{grid-template-areas:"headline headline" "subTitle subTitle" "salutation title" "firstName lastName" "email email"}}raffle-news-letter-app .questionContainer{padding-top:calc(2rem*var(--rem-base-factor, 1))}raffle-news-letter-app .legend{margin-bottom:calc(2rem*var(--rem-base-factor, 1))}raffle-news-letter-app .footNote{padding-top:calc(0.4rem*var(--rem-base-factor, 1))}@media(min-width: 768px){raffle-news-letter-app .footNote{padding-top:calc(0.8rem*var(--rem-base-factor, 1))}}raffle-news-letter-app .footNote *{font-size:calc(1.4rem*var(--rem-font-factor, 1));line-height:calc(1.8rem*var(--rem-base-factor, 1));color:var(--footnote-color)}raffle-news-letter-app .footNote p b a{color:var(--footnote-link-color)}raffle-news-letter-app .footNote p:last-child{margin-bottom:0}raffle-news-letter-app .submitButton{display:inline-block;padding-top:calc(3.2rem*var(--rem-base-factor, 1))}raffle-news-letter-app .errorContainer{margin-top:calc(2rem*var(--rem-base-factor, 1))}raffle-news-letter-app .newsLetterHeadline{display:block;margin-bottom:calc(3.2rem*var(--rem-base-factor, 1))}raffle-news-letter-app .additionalSpace{margin-bottom:calc(3.2rem*var(--rem-base-factor, 1))}
raffle-opt-in-and-questionnaire-app .questionContainer{padding-top:calc(2rem*var(--rem-base-factor, 1))}raffle-opt-in-and-questionnaire-app .legend{margin-bottom:calc(2rem*var(--rem-base-factor, 1))}raffle-opt-in-and-questionnaire-app .footNote{padding-top:calc(2.4rem*var(--rem-base-factor, 1))}@media(min-width: 768px){raffle-opt-in-and-questionnaire-app .footNote{padding-top:calc(2.4rem*var(--rem-base-factor, 1))}}raffle-opt-in-and-questionnaire-app .footNote *{font-size:calc(1.4rem*var(--rem-font-factor, 1));line-height:calc(1.8rem*var(--rem-base-factor, 1));color:var(--eon-grey900)}raffle-opt-in-and-questionnaire-app .footNote p b a{color:var(--eon-black)}raffle-opt-in-and-questionnaire-app .footNote p:last-child{margin-bottom:0}raffle-opt-in-and-questionnaire-app .submitButton{display:inline-block;padding-top:calc(3.2rem*var(--rem-base-factor, 1))}raffle-opt-in-and-questionnaire-app .errorContainer{margin-top:calc(2rem*var(--rem-base-factor, 1))}raffle-opt-in-and-questionnaire-app .additionalSpace{margin-bottom:calc(3.2rem*var(--rem-base-factor, 1))}
service-contact-form-app .contactFormWrapperInvoiceUpload,service-contact-form-app .contactFormWrapperNew,service-contact-form-app .contactFormWrapper{display:grid;gap:calc(2.4rem*var(--rem-base-factor, 1)) calc(2.4rem*var(--rem-base-factor, 1))}@media(min-width: 768px){service-contact-form-app .contactFormWrapperInvoiceUpload,service-contact-form-app .contactFormWrapperNew,service-contact-form-app .contactFormWrapper{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)}}service-contact-form-app .contactFormWrapperInvoiceUpload .contactFormTitle,service-contact-form-app .contactFormWrapperNew .contactFormTitle,service-contact-form-app .contactFormWrapper .contactFormTitle{grid-area:title}service-contact-form-app .contactFormWrapperInvoiceUpload .firstName,service-contact-form-app .contactFormWrapperNew .firstName,service-contact-form-app .contactFormWrapper .firstName{grid-area:firstName}service-contact-form-app .contactFormWrapperInvoiceUpload .lastName,service-contact-form-app .contactFormWrapperNew .lastName,service-contact-form-app .contactFormWrapper .lastName{grid-area:lastName}service-contact-form-app .contactFormWrapperInvoiceUpload .email,service-contact-form-app .contactFormWrapperNew .email,service-contact-form-app .contactFormWrapper .email{grid-area:email}service-contact-form-app .contactFormWrapperInvoiceUpload .telephone,service-contact-form-app .contactFormWrapperNew .telephone,service-contact-form-app .contactFormWrapper .telephone{grid-area:telephone}service-contact-form-app .contactFormWrapperInvoiceUpload .emailNote,service-contact-form-app .contactFormWrapperNew .emailNote,service-contact-form-app .contactFormWrapper .emailNote{grid-area:emailNote}service-contact-form-app .contactFormWrapperInvoiceUpload .deliveryAddress,service-contact-form-app .contactFormWrapperNew .deliveryAddress,service-contact-form-app .contactFormWrapper .deliveryAddress{grid-area:deliveryAddress}service-contact-form-app .contactFormWrapper{grid-template-areas:"title" "firstName" "lastName" "email" "telephone"}@media(min-width: 768px){service-contact-form-app .contactFormWrapper{grid-template-areas:"title title" "firstName lastName" "email telephone"}}service-contact-form-app .contactFormWrapperNew{grid-template-areas:"title" "deliveryAddress" "firstName" "lastName" "address" "emailNote" "email" "telephone"}@media(min-width: 768px){service-contact-form-app .contactFormWrapperNew{grid-template-areas:"title title" "deliveryAddress deliveryAddress" "firstName lastName" "address address" "emailNote emailNote" "email telephone"}}service-contact-form-app .contactFormWrapperNew .address{background-color:red;grid-area:address;display:grid;gap:calc(2.4rem*var(--rem-base-factor, 1)) calc(2.4rem*var(--rem-base-factor, 1));grid-template-areas:"city" "street" "houseNumber"}@media(min-width: 768px){service-contact-form-app .contactFormWrapperNew .address{grid-template-areas:"city city" "street houseNumber"}}@media(min-width: 768px)and (max-width: 1023px){service-contact-form-app .contactFormWrapperNew .address{grid-template-columns:minmax(0, 1fr)}}@media(min-width: 1024px){service-contact-form-app .contactFormWrapperNew .address{grid-template-columns:minmax(0, 1fr)}}service-contact-form-app .contactFormWrapperNew .address .city{grid-area:city}service-contact-form-app .contactFormWrapperNew .address .street{grid-area:street}service-contact-form-app .contactFormWrapperNew .address .houseNumber{grid-area:houseNumber}service-contact-form-app .contactFormWrapperInvoiceUpload{grid-template-areas:"title" "firstName" "lastName" "address" "emailNote" "invoiceUploadIbanWrapper" "email" "telephone"}@media(min-width: 768px){service-contact-form-app .contactFormWrapperInvoiceUpload{grid-template-areas:"title title" "firstName lastName" "address address" "emailNote emailNote" "invoiceUploadIbanWrapper invoiceUploadIbanWrapper" "email telephone"}}service-contact-form-app .contactFormWrapperInvoiceUpload .invoiceUploadIbanWrapper{grid-area:invoiceUploadIbanWrapper}service-contact-form-app .contactFormWrapperInvoiceUpload .address{grid-area:address;display:grid;gap:calc(2.4rem*var(--rem-base-factor, 1)) calc(2.4rem*var(--rem-base-factor, 1));grid-template-areas:"city" "street" "houseNumber"}@media(min-width: 768px){service-contact-form-app .contactFormWrapperInvoiceUpload .address{grid-template-areas:"city city" "street houseNumber"}}@media(min-width: 768px)and (max-width: 1023px){service-contact-form-app .contactFormWrapperInvoiceUpload .address{grid-template-columns:minmax(0, 1fr)}}@media(min-width: 1024px){service-contact-form-app .contactFormWrapperInvoiceUpload .address{grid-template-columns:minmax(0, 1fr)}}service-contact-form-app .contactFormWrapperInvoiceUpload .address .city{grid-area:city}service-contact-form-app .contactFormWrapperInvoiceUpload .address .street{grid-area:street}service-contact-form-app .contactFormWrapperInvoiceUpload .address .houseNumber{grid-area:houseNumber}service-contact-form-app a:hover{cursor:pointer}.partPaymentWrapper{display:grid;gap:calc(2.4rem*var(--rem-base-factor, 1)) calc(2.4rem*var(--rem-base-factor, 1));grid-template-areas:"newTee" "newDueDate" "reasonDescription" "reasonForChange"}@media(min-width: 768px){.partPaymentWrapper{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)}}.partPaymentWrapper .newTee{grid-area:newTee}.partPaymentWrapper .newDueDate{grid-area:newDueDate}.partPaymentWrapper .reasonDescription{grid-area:reasonDescription}.partPaymentWrapper .reasonDescription .description{display:block;margin-top:calc(1rem*var(--rem-base-factor, 1))}.partPaymentWrapper .dropdown{grid-area:reasonForChange;min-width:100%}@media(min-width: 768px){.partPaymentWrapper{grid-template-areas:"newTee newDueDate" "reasonDescription reasonDescription" "reasonForChange reasonForChange"}}service-contact-form-app .noInvoiceWrapper{display:grid;margin-top:calc(3rem*var(--rem-base-factor, 1));gap:calc(2.4rem*var(--rem-base-factor, 1)) calc(2.4rem*var(--rem-base-factor, 1));grid-template-areas:"info" "infoLink" "interimStatementInfo" "selfRequest"}@media(min-width: 768px){service-contact-form-app .noInvoiceWrapper{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)}}service-contact-form-app .noInvoiceWrapper .noInvoiceInfo{grid-area:info}service-contact-form-app .noInvoiceWrapper .noInvoiceInfoLink{grid-area:infoLink}service-contact-form-app .noInvoiceWrapper .interimStatementInfo{grid-area:interimStatementInfo}service-contact-form-app .noInvoiceWrapper .selfRequest{grid-area:selfRequest}@media(min-width: 768px){service-contact-form-app .noInvoiceWrapper{grid-template-areas:"info info" "infoLink infoLink" "interimStatementInfo interimStatementInfo" "selfRequest selfRequest"}}service-contact-form-app .invoiceWrapper{display:grid;margin-top:calc(3rem*var(--rem-base-factor, 1));gap:calc(2.4rem*var(--rem-base-factor, 1)) calc(2.4rem*var(--rem-base-factor, 1));grid-template-areas:"invoiceReason" "meterReadWrapper" "selfRequest" "invoiceUploadWrapper"}@media(min-width: 768px){service-contact-form-app .invoiceWrapper{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)}}service-contact-form-app .invoiceWrapper .invoiceReason{min-width:0;grid-area:invoiceReason}service-contact-form-app .invoiceWrapper .meterReadWrapper{grid-area:meterReadWrapper;margin:calc(1.5rem*var(--rem-base-factor, 1)) 0}service-contact-form-app .invoiceWrapper .selfRequest{grid-area:selfRequest}service-contact-form-app .invoiceWrapper .invoiceUploadWrapper{grid-area:invoiceUploadWrapper}@media(min-width: 768px){service-contact-form-app .invoiceWrapper{grid-template-areas:"invoiceReason invoiceReason" "meterReadWrapper meterReadWrapper" "selfRequest selfRequest" "invoiceUploadWrapper invoiceUploadWrapper"}}service-contact-form-app .oneTariffWrapper{display:grid;gap:calc(2.4rem*var(--rem-base-factor, 1)) calc(2.4rem*var(--rem-base-factor, 1));margin-top:calc(3rem*var(--rem-base-factor, 1));grid-template-areas:"meterReadingReason" "meterReadingLabel" "readingDate" "changeReasonInfo" "changeReason" "invoiceUploadWrapper"}@media(min-width: 768px){service-contact-form-app .oneTariffWrapper{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)}}service-contact-form-app .oneTariffWrapper .meterReadingReason{grid-area:meterReadingReason}service-contact-form-app .oneTariffWrapper .meterReading{grid-area:meterReadingLabel}service-contact-form-app .oneTariffWrapper .date{grid-area:readingDate}service-contact-form-app .oneTariffWrapper .changeInfo{grid-area:changeReasonInfo}service-contact-form-app .oneTariffWrapper .changeReason{grid-area:changeReason}service-contact-form-app .oneTariffWrapper .invoiceUploadWrapper{grid-area:invoiceUploadWrapper}@media(min-width: 768px){service-contact-form-app .oneTariffWrapper{grid-template-areas:"meterReadingReason meterReadingReason" "meterReadingLabel readingDate" "changeReasonInfo changeReasonInfo" "changeReason changeReason" "invoiceUploadWrapper invoiceUploadWrapper"}}service-contact-form-app .doubleTariffWrapper{display:grid;gap:calc(2.4rem*var(--rem-base-factor, 1)) calc(2.4rem*var(--rem-base-factor, 1));margin-top:calc(3rem*var(--rem-base-factor, 1));grid-template-areas:"meterReadingReason" "counterReadingHT" "counterReadingNT" "readingDate" "changeReasonInfo" "changeReason" "invoiceUploadWrapper"}@media(min-width: 768px){service-contact-form-app .doubleTariffWrapper{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)}}service-contact-form-app .doubleTariffWrapper .meterReadingReason{grid-area:meterReadingReason}service-contact-form-app .doubleTariffWrapper .counterHT{grid-area:counterReadingHT}service-contact-form-app .doubleTariffWrapper .counterNT{grid-area:counterReadingNT}service-contact-form-app .doubleTariffWrapper .date{grid-area:readingDate}service-contact-form-app .doubleTariffWrapper .changeInfo{grid-area:changeReasonInfo}service-contact-form-app .doubleTariffWrapper .changeReason{grid-area:changeReason}service-contact-form-app .doubleTariffWrapper .invoiceUploadWrapper{grid-area:invoiceUploadWrapper}@media(min-width: 768px){service-contact-form-app .doubleTariffWrapper{grid-template-areas:"meterReadingReason meterReadingReason" "counterReadingHT counterReadingNT" "readingDate readingDate" "changeReasonInfo changeReasonInfo" "changeReason changeReason" "invoiceUploadWrapper invoiceUploadWrapper"}}service-contact-form-app .bankDetailsWrapper{display:grid;gap:calc(1.4rem*var(--rem-base-factor, 1)) calc(2.4rem*var(--rem-base-factor, 1));grid-template-areas:"bankDetails" "changeReason" "recommendations" "checkboxGroup" "bottomNote"}service-contact-form-app .bankDetailsWrapper .bankDetails{display:block;font-weight:700;grid-area:bankDetails}service-contact-form-app .bankDetailsWrapper .changeReason{grid-area:changeReason}service-contact-form-app .bankDetailsWrapper .bankRecommend{display:block;margin-top:calc(1rem*var(--rem-base-factor, 1))}service-contact-form-app .bankDetailsWrapper .recommendations{grid-area:recommendations}service-contact-form-app .bankDetailsWrapper .checkboxGroup{display:block;grid-area:checkboxGroup}service-contact-form-app .bankDetailsWrapper .horizontalLine{border:.5px solid var(--eon-grey100);margin:calc(2.3rem*var(--rem-base-factor, 1)) 0 calc(2rem*var(--rem-base-factor, 1))}service-contact-form-app .bankDetailsWrapper .debitAndCreditGroup{display:block;margin-left:calc(4rem*var(--rem-base-factor, 1));margin-top:calc(1rem*var(--rem-base-factor, 1))}service-contact-form-app .bankDetailsWrapper .debitAndCreditGroup .ibanInput{margin:calc(2rem*var(--rem-base-factor, 1)) 0 calc(1.5rem*var(--rem-base-factor, 1))}service-contact-form-app .bankDetailsWrapper .debitAndCreditGroup .debitAndCreditText{color:--eon-dargrey}service-contact-form-app .bankDetailsWrapper .bankConnection{display:block;margin:calc(1rem*var(--rem-base-factor, 1)) 0}service-contact-form-app .bankDetailsWrapper .bottomNote{grid-area:bottomNote;display:block;margin-bottom:calc(2.5rem*var(--rem-base-factor, 1))}service-contact-form-app .bankDetailsWrapper .bottomNoteText{display:block;margin-bottom:calc(2.5rem*var(--rem-base-factor, 1))}service-contact-form-app .bankDetailsWrapper .hide{display:none}@media(min-width: 768px){service-contact-form-app .bankDetailsWrapper{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)}}@media(min-width: 768px){service-contact-form-app .bankDetailsWrapper{grid-template-areas:"bankDetails bankDetails" "changeReason changeReason" "recommendations recommendations" "checkboxGroup checkboxGroup" "bottomNote bottomNote"}}service-contact-form-app .formWrapper{display:grid;gap:calc(1.4rem*var(--rem-base-factor, 1)) calc(2.4rem*var(--rem-base-factor, 1));grid-template-areas:"recommendations" "fileUploadContainer"}service-contact-form-app .formWrapper .uploadNote{display:block;margin-top:calc(2rem*var(--rem-base-factor, 1))}service-contact-form-app .formWrapper .recommendations{grid-area:recommendations}service-contact-form-app .formWrapper .fileUploadContainer{display:block;grid-area:fileUploadContainer}@media(min-width: 768px){service-contact-form-app .formWrapper{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)}}@media(min-width: 768px){service-contact-form-app .formWrapper{grid-template-areas:"recommendations recommendations" "fileUploadContainer fileUploadContainer"}}service-contact-form-app .elementGroup,service-contact-form-app .cancellationWrapper{display:flex;flex-direction:column}service-contact-form-app .cancellationWrapper{gap:calc(3.2rem*var(--rem-base-factor, 1))}service-contact-form-app .elementGroup{gap:calc(2.2rem*var(--rem-base-factor, 1))}service-contact-form-app .addressFieldWrapper{grid-area:address;display:grid;gap:calc(2.4rem*var(--rem-base-factor, 1)) calc(2.4rem*var(--rem-base-factor, 1));grid-template-areas:"city" "street" "houseNumber"}@media(min-width: 768px){service-contact-form-app .addressFieldWrapper{grid-template-areas:"city city" "street houseNumber"}}@media(min-width: 768px)and (max-width: 1023px){service-contact-form-app .addressFieldWrapper{grid-template-columns:minmax(0, 1fr) calc(19.5rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){service-contact-form-app .addressFieldWrapper{grid-template-columns:minmax(0, 1fr) calc(19.5rem*var(--rem-base-factor, 1))}}service-contact-form-app .addressFieldWrapper .city{grid-area:city}service-contact-form-app .addressFieldWrapper .street{grid-area:street}service-contact-form-app .addressFieldWrapper .houseNumber{grid-area:houseNumber}service-contact-form-app .homeMoveDates{display:grid;gap:calc(2.4rem*var(--rem-base-factor, 1))}@media(min-width: 768px){service-contact-form-app .homeMoveDates{display:flex;gap:calc(2.4rem*var(--rem-base-factor, 1))}service-contact-form-app .homeMoveDates .oldDate,service-contact-form-app .homeMoveDates .newDate{width:100%}}service-contact-form-app .contactFormTitle{font-weight:700;margin-top:calc(3.2rem*var(--rem-base-factor, 1));display:block}service-contact-form-app .title{display:flex;flex-wrap:wrap;margin:calc(5rem*var(--rem-base-factor, 1)) 0 calc(2rem*var(--rem-base-factor, 1)) 0}service-contact-form-app .subHeadline{display:block;margin:calc(3.2rem*var(--rem-base-factor, 1)) 0 calc(3.2rem*var(--rem-base-factor, 1)) 0}service-contact-form-app .accountNumber{display:block;margin:calc(2.4rem*var(--rem-base-factor, 1)) 0 calc(2.4rem*var(--rem-base-factor, 1))}service-contact-form-app .meterNumber{display:block;margin:calc(2.4rem*var(--rem-base-factor, 1)) 0 calc(2.4rem*var(--rem-base-factor, 1))}service-contact-form-app .discountLink{display:block;margin-bottom:calc(2.2rem*var(--rem-base-factor, 1))}service-contact-form-app .discountLink a{font-weight:700;color:var(--eon-darkgrey);text-decoration:underline}service-contact-form-app .discountLinkWithExtraSpace{display:block;margin-bottom:calc(3.2rem*var(--rem-base-factor, 1))}service-contact-form-app .discountLinkWithExtraSpace a{font-weight:700;color:var(--eon-darkgrey);text-decoration:underline}service-contact-form-app .link a{font-weight:700;color:var(--eon-darkgrey);text-decoration:underline}service-contact-form-app .bottomSpace{margin-bottom:calc(2.2rem*var(--rem-base-factor, 1))}service-contact-form-app .sublineNote{display:block;margin:calc(2rem*var(--rem-base-factor, 1)) 0 calc(3rem*var(--rem-base-factor, 1))}service-contact-form-app .privacyLink{margin:calc(3.2rem*var(--rem-base-factor, 1)) 0 calc(3.2rem*var(--rem-base-factor, 1)) 0}service-contact-form-app .buttonWrapper{display:grid}@media(min-width: 768px){service-contact-form-app .buttonWrapper{display:flex}}service-contact-form-app .backButton,service-contact-form-app .submitButton{margin-top:calc(1.5rem*var(--rem-base-factor, 1))}@media(min-width: 768px){service-contact-form-app .backButton,service-contact-form-app .submitButton{margin:calc(1.5rem*var(--rem-base-factor, 1)) calc(3rem*var(--rem-base-factor, 1)) 0 0}}service-contact-form-app .backButton{order:2}@media(min-width: 768px){service-contact-form-app .backButton{order:1}}service-contact-form-app .submitButton{order:1}@media(min-width: 768px){service-contact-form-app .submitButton{order:2}}service-contact-form-app .invoiceUploadIban{display:block;margin:calc(2.4rem*var(--rem-base-factor, 1)) 0 calc(1.5rem*var(--rem-base-factor, 1))}service-contact-form-app .invoiceUploadBankName{display:block;margin-bottom:calc(2.4rem*var(--rem-base-factor, 1))}service-contact-form-app .mandatoryText{margin-top:calc(4.8rem*var(--rem-base-factor, 1))}
shop-bundle-details-view-app .bundleContainer{display:flex;flex-direction:column;gap:calc(2.4rem*var(--rem-base-factor, 1))}@media(min-width: 1024px){shop-bundle-details-view-app .bundleContainer{flex-direction:row;gap:calc(3.2rem*var(--rem-base-factor, 1))}}@media(min-width: 1536px){shop-bundle-details-view-app .bundleContainer{gap:calc(4.8rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){shop-bundle-details-view-app .carouselWrapper{width:50%}}shop-bundle-details-view-app .carouselContainer{display:flex;flex-direction:column;gap:calc(4rem*var(--rem-base-factor, 1))}shop-bundle-details-view-app .detailsWrapper{display:flex;flex-direction:column;width:auto;gap:calc(2.4rem*var(--rem-base-factor, 1))}@media(min-width: 1024px){shop-bundle-details-view-app .detailsWrapper{width:50%;gap:calc(3.2rem*var(--rem-base-factor, 1))}}@media(min-width: 1536px){shop-bundle-details-view-app .detailsWrapper{gap:calc(4.8rem*var(--rem-base-factor, 1))}}shop-bundle-details-view-app .imageContainer{display:flex;justify-content:center;align-items:center;height:calc(20rem*var(--rem-base-factor, 1))}@media(min-width: 768px){shop-bundle-details-view-app .imageContainer{height:calc(22.5rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){shop-bundle-details-view-app .imageContainer{height:calc(30.5rem*var(--rem-base-factor, 1))}}@media(min-width: 1536px){shop-bundle-details-view-app .imageContainer{height:calc(40rem*var(--rem-base-factor, 1))}}
shop-cards-view-app .grid{display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media(min-width: 768px)and (max-width: 1023px){shop-cards-view-app .grid{gap:calc(2.4rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){shop-cards-view-app .grid{gap:calc(3.2rem*var(--rem-base-factor, 1))}}@media(min-width: 1536px){shop-cards-view-app .grid{gap:calc(4.8rem*var(--rem-base-factor, 1))}}shop-cards-view-app .container-1,shop-cards-view-app .container-2,shop-cards-view-app .container-3{width:100%}shop-cards-view-app .displayFlex{display:flex;gap:calc(1rem*var(--rem-base-factor, 1));align-items:center}shop-cards-view-app .gap{margin-bottom:calc(2rem*var(--rem-base-factor, 1))}shop-cards-view-app .imageContainer{height:calc(15.6rem*var(--rem-base-factor, 1))}@media(min-width: 768px)and (max-width: 1023px){shop-cards-view-app .imageContainer{height:calc(17.4rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){shop-cards-view-app .imageContainer{height:calc(14.4rem*var(--rem-base-factor, 1))}}@media(min-width: 1536px){shop-cards-view-app .imageContainer{height:calc(18.4rem*var(--rem-base-factor, 1))}}@media(max-width: 767px){shop-cards-view-app .container-2{display:none}}@media(max-width: 1023px){shop-cards-view-app .container-3{display:none}}shop-cards-view-app .headerWrapper{width:80%}shop-cards-view-app .content{display:grid}@media(min-width: 768px){shop-cards-view-app .content{grid-template-columns:repeat(3, calc(33% - 1.4rem * var(--rem-base-factor, 1)));grid-column-gap:calc(2.4rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){shop-cards-view-app .content{grid-template-columns:repeat(3, calc(33% - 1.83rem * var(--rem-base-factor, 1)));grid-column-gap:calc(3.2rem*var(--rem-base-factor, 1))}}@media(min-width: 1536px){shop-cards-view-app .content{grid-template-columns:repeat(3, calc(33% - 2.83rem * var(--rem-base-factor, 1)));grid-column-gap:calc(4.8rem*var(--rem-base-factor, 1))}}shop-cards-view-app .imageContainerHorizontal{height:100%;min-height:calc(20rem*var(--rem-base-factor, 1))}shop-cards-view-app .linkGap{margin-top:calc(4rem*var(--rem-base-factor, 1))}
@keyframes skeleton-gradient{to{background-position:0 50%}}.skeleton{margin:calc(0.3rem*var(--rem-base-factor, 1)) 0 calc(0.3rem*var(--rem-base-factor, 1)) 0;background:var(--eon-grey300) linear-gradient(-90deg, var(--eon-grey300), var(--eon-white), var(--eon-grey300));background-size:200% 200%;background-position:200% 50%;animation:skeleton-gradient 2.5s ease infinite;width:100%;height:calc(1em - calc(0.6rem * var(--rem-base-factor, 1)))}.skeleton--75{width:75%}.skeleton--50{width:50%}.skeleton--25{width:25%}.skeleton-aria{position:absolute;left:-10000px}.skeleton--invisible{visibility:hidden}a.skeleton{text-decoration:none}button.skeleton{border:none;height:calc(4.8rem*var(--rem-base-factor, 1));border-radius:calc(1rem*var(--rem-base-factor, 1));margin:0;padding:0;display:inherit}button.skeleton--icon{width:calc(4.8rem*var(--rem-base-factor, 1));height:calc(4.8rem*var(--rem-base-factor, 1))}button.skeleton--small{height:calc(3.2rem*var(--rem-base-factor, 1));width:calc(3.2rem*var(--rem-base-factor, 1))}button.skeleton--info{border-radius:calc(0.5rem*var(--rem-base-factor, 1));height:calc(2.4rem*var(--rem-base-factor, 1));width:calc(2.4rem*var(--rem-base-factor, 1))}button.skeleton--submit{padding-left:calc(2.4rem*var(--rem-base-factor, 1));padding-right:calc(2.4rem*var(--rem-base-factor, 1));width:inherit}h1.skeleton{font-weight:900;font-size:calc(8.4rem*var(--rem-font-factor, 1))}h2.skeleton{font-weight:900;font-size:calc(7.2rem*var(--rem-font-factor, 1))}h3.skeleton{font-weight:900;font-size:calc(5.2rem*var(--rem-font-factor, 1))}h4.skeleton{font-weight:900;font-size:calc(3.6rem*var(--rem-font-factor, 1))}h5.skeleton{font-weight:700;font-size:calc(2.6rem*var(--rem-font-factor, 1))}input[type=number].skeleton{appearance:textfield;-moz-appearance:textfield;-webkit-appearance:textfield}input[type=number].skeleton::-webkit-outer-spin-button,input[type=number].skeleton::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.skeleton{border:none;height:calc(4.8rem*var(--rem-base-factor, 1));border-radius:calc(0.2rem*var(--rem-base-factor, 1));margin:0;padding-left:calc(1.2rem*var(--rem-base-factor, 1));padding-right:0}input.skeleton--icon{width:calc(4.8rem*var(--rem-base-factor, 1));height:calc(4.8rem*var(--rem-base-factor, 1))}input.skeleton--small{height:calc(3.2rem*var(--rem-base-factor, 1))}input.skeleton--dropdown{margin-right:calc(-11rem*var(--rem-base-factor, 1))}input.skeleton--answerTile{height:calc(9.6rem*var(--rem-base-factor, 1))}p.skeleton{font-size:calc(1.8rem*var(--rem-font-factor, 1));margin-bottom:calc(1.5rem*var(--rem-base-factor, 1));height:calc(1.3em - calc(0.6rem * var(--rem-base-factor, 1)))}p.skeleton--abstract{font-size:calc(2rem*var(--rem-font-factor, 1))}p.skeleton--caption{font-size:calc(1.6rem*var(--rem-font-factor, 1))}label.skeleton{font-size:calc(1.8rem*var(--rem-font-factor, 1));width:calc(10rem*var(--rem-base-factor, 1));height:calc(1.8rem*var(--rem-base-factor, 1));margin-left:calc(0.8rem*var(--rem-base-factor, 1));display:inline-block;position:relative;top:calc(-0.6rem*var(--rem-base-factor, 1))}.skeleton--radio{width:calc(3.2rem*var(--rem-base-factor, 1));height:calc(3.2rem*var(--rem-base-factor, 1));border-radius:100%;display:inline-block}.skeleton--checkbox{width:calc(3.2rem*var(--rem-base-factor, 1));height:calc(3.2rem*var(--rem-base-factor, 1));border-radius:25%;display:inline-block}checkout-app .grid{display:grid;grid-template-areas:"aside-top" "main" "aside-bottom"}checkout-app .grid .form{grid-area:main}checkout-app .grid .asideTop{grid-area:aside-top;overflow:hidden}checkout-app .grid .asideBottom{grid-area:aside-bottom;overflow:hidden}@media(min-width: 1024px){checkout-app .grid{grid-template-columns:1fr calc(31.5rem*var(--rem-base-factor, 1));grid-template-areas:"main aside-top" "main aside-bottom" "main .";column-gap:calc(4.8rem*var(--rem-base-factor, 1))}}@media(min-width: 1536px){checkout-app .grid{grid-template-columns:1fr calc(36.8rem*var(--rem-base-factor, 1))}}
shop-product-details-view-app .pdpContainer{display:flex;flex-direction:column;gap:calc(2.4rem*var(--rem-base-factor, 1))}@media(min-width: 1024px){shop-product-details-view-app .pdpContainer{flex-direction:row;gap:calc(3.2rem*var(--rem-base-factor, 1))}}@media(min-width: 1536px){shop-product-details-view-app .pdpContainer{gap:calc(4.8rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){shop-product-details-view-app .carouselWrapper{width:50%}}shop-product-details-view-app .carouselContainer{display:flex;flex-direction:column;gap:calc(4rem*var(--rem-base-factor, 1))}shop-product-details-view-app .detailsWrapper{display:flex;flex-direction:column;align-items:flex-start;width:auto;gap:calc(2.4rem*var(--rem-base-factor, 1))}@media(min-width: 1024px){shop-product-details-view-app .detailsWrapper{width:50%;gap:calc(3.2rem*var(--rem-base-factor, 1))}}@media(min-width: 1536px){shop-product-details-view-app .detailsWrapper{gap:calc(4.8rem*var(--rem-base-factor, 1))}}shop-product-details-view-app .imageContainer{display:flex;justify-content:center;align-items:center;height:calc(20rem*var(--rem-base-factor, 1))}@media(min-width: 768px){shop-product-details-view-app .imageContainer{height:calc(22.5rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){shop-product-details-view-app .imageContainer{height:calc(30.5rem*var(--rem-base-factor, 1))}}@media(min-width: 1536px){shop-product-details-view-app .imageContainer{height:calc(40rem*var(--rem-base-factor, 1))}}
shop-promotion-view-app .grid{display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media(min-width: 768px)and (max-width: 1023px){shop-promotion-view-app .grid{gap:calc(2.4rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){shop-promotion-view-app .grid{gap:calc(3.2rem*var(--rem-base-factor, 1))}}@media(min-width: 1536px){shop-promotion-view-app .grid{gap:calc(4.8rem*var(--rem-base-factor, 1))}}shop-promotion-view-app .container-1,shop-promotion-view-app .container-2,shop-promotion-view-app .container-3{width:100%}shop-promotion-view-app .gap{margin-bottom:calc(2rem*var(--rem-base-factor, 1))}shop-promotion-view-app .imageContainer{height:calc(15.6rem*var(--rem-base-factor, 1))}@media(min-width: 768px)and (max-width: 1023px){shop-promotion-view-app .imageContainer{height:calc(17.4rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){shop-promotion-view-app .imageContainer{height:calc(14.4rem*var(--rem-base-factor, 1))}}@media(min-width: 1536px){shop-promotion-view-app .imageContainer{height:calc(18.4rem*var(--rem-base-factor, 1))}}@media(max-width: 767px){shop-promotion-view-app .container-2{display:none}}@media(max-width: 1023px){shop-promotion-view-app .container-3{display:none}}
shopping-cart-checkout-app .wrapper{display:flex;flex-direction:column;gap:calc(3.2rem*var(--rem-base-factor, 1))}@media(min-width: 1536px){shopping-cart-checkout-app .wrapper{gap:calc(4rem*var(--rem-base-factor, 1))}}shopping-cart-checkout-app .accordionPaneContent{display:flex;flex-flow:column;gap:calc(3.2rem*var(--rem-base-factor, 1))}
shopping-cart-items-app .grid{display:grid;grid-template:"image product-name" "image . " calc(0.4rem*var(--rem-base-factor, 1)) "image delivery" "image ." calc(0.8rem*var(--rem-base-factor, 1)) "image quantity" "image delete" "image ." calc(0.4rem*var(--rem-base-factor, 1)) "image price"/calc(6.4rem * var(--rem-base-factor, 1)) 1fr;column-gap:calc(2.4rem*var(--rem-base-factor, 1));align-items:center}@media(min-width: 1024px){shopping-cart-items-app .grid{grid-template:"image product-name price" "image  . price" "image delivery  price" "image  . price" calc(0.8rem*var(--rem-base-factor, 1)) "image quantity price" "image delete price"/calc(6.4rem * var(--rem-base-factor, 1)) 1fr calc(16.5rem*var(--rem-base-factor, 1))}}shopping-cart-items-app .container{container-type:inline-size}shopping-cart-items-app .undoMessage{width:100%;height:100%;z-index:1;background:#fff;grid-area:1/1/-1/-1;display:flex;flex-direction:column;gap:calc(2.4rem*var(--rem-base-factor, 1));justify-content:center}shopping-cart-items-app .price{grid-area:price;white-space:nowrap}shopping-cart-items-app .productName{grid-area:product-name}shopping-cart-items-app .delivery{grid-area:delivery;align-self:start}shopping-cart-items-app .priceSkeleton{width:calc(14.5rem*var(--rem-base-factor, 1));margin:0}shopping-cart-items-app .quantity{grid-area:quantity;display:flex;align-items:center;margin-bottom:calc(0.8rem*var(--rem-base-factor, 1))}shopping-cart-items-app .quantity .number{min-width:calc(3.6rem*var(--rem-base-factor, 1));text-align:center}shopping-cart-items-app .delete{grid-area:delete}shopping-cart-items-app .priceWrapper{display:flex;flex-direction:column}shopping-cart-items-app .image{grid-area:image}shopping-cart-items-app .productImage{max-width:calc(6.4rem*var(--rem-base-factor, 1));max-height:calc(6.4rem*var(--rem-base-factor, 1));aspect-ratio:1;display:grid}@media(min-width: 768px){checkout-app shopping-cart-items-app .grid{grid-template:"image product-name price" "image  . price" "image delivery  price" "image  . price" calc(0.8rem*var(--rem-base-factor, 1)) "image quantity price" "image delete price"/calc(6.4rem * var(--rem-base-factor, 1)) 1fr calc(16.5rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){checkout-app shopping-cart-items-app .grid{grid-template:"image product-name" "image . " calc(0.4rem*var(--rem-base-factor, 1)) "image delivery" "image ." calc(0.8rem*var(--rem-base-factor, 1)) "image quantity" "image delete" "image ." calc(0.4rem*var(--rem-base-factor, 1)) "image price"/calc(6.4rem * var(--rem-base-factor, 1)) 1fr}}
shopping-cart-items-app .app{display:flex;flex-flow:column;gap:calc(2.4rem*var(--rem-base-factor, 1))}@media(min-width: 768px){shopping-cart-items-app .app{gap:calc(3.2rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){shopping-cart-items-app .app{gap:calc(4.8rem*var(--rem-base-factor, 1))}}
shopping-cart-monthly-summary-app{display:block}shopping-cart-monthly-summary-app .headline{display:block;margin-bottom:calc(4rem*var(--rem-base-factor, 1))}shopping-cart-monthly-summary-app .headline h4{margin:0}shopping-cart-monthly-summary-app .itemHeadline{display:flex;flex-direction:row;justify-content:space-between;gap:calc(0.8rem*var(--rem-base-factor, 1))}@container (max-width: 225px){shopping-cart-monthly-summary-app .itemHeadline{flex-direction:column;gap:0}}shopping-cart-monthly-summary-app .productName{font-size:calc(2rem*var(--rem-font-factor, 1))}shopping-cart-monthly-summary-app .productPrice{font-size:calc(2rem*var(--rem-base-factor, 1))}shopping-cart-monthly-summary-app .itemWrapper{display:flex;flex-direction:column;gap:calc(0.8rem*var(--rem-base-factor, 1));container-type:inline-size}shopping-cart-monthly-summary-app .itemWrapper p{margin:0}shopping-cart-monthly-summary-app .additionalMargin{margin-top:calc(1.6rem*var(--rem-base-factor, 1))}shopping-cart-monthly-summary-app .items{display:flex;flex-direction:column;gap:calc(3.2rem*var(--rem-base-factor, 1))}shopping-cart-monthly-summary-app .bulletList{margin-top:calc(2.4rem*var(--rem-base-factor, 1));word-break:normal;overflow-wrap:anywhere}
shopping-cart-onetime-summary-app{display:block}shopping-cart-onetime-summary-app .headline{display:block}shopping-cart-onetime-summary-app .row{display:flex;justify-content:space-between;gap:calc(0.4rem*var(--rem-base-factor, 1))}@container (max-width: 225px){shopping-cart-onetime-summary-app .row{flex-direction:column;gap:0}}shopping-cart-onetime-summary-app .priceDetails{display:flex;flex-direction:column;gap:calc(1.2rem*var(--rem-base-factor, 1))}shopping-cart-onetime-summary-app .priceDetails p{margin:0}shopping-cart-onetime-summary-app .wrapper{container-type:inline-size;display:flex;flex-direction:column;gap:calc(4rem*var(--rem-base-factor, 1))}shopping-cart-onetime-summary-app .wrapper p{margin:0}shopping-cart-onetime-summary-app .wrapper h4{margin:0}shopping-cart-onetime-summary-app .totalWrapper{display:flex;gap:calc(0.4rem*var(--rem-base-factor, 1))}
step-box-app .step-list{counter-reset:step-counter;list-style-type:none;padding:0;margin:0}step-box{background-color:var(--box-background-color);counter-increment:step-counter;display:list-item;padding-bottom:calc(3.2rem*var(--rem-base-factor, 1));position:relative}step-box::after{display:block;content:"";clear:both}step-box:first-child:nth-last-child(n) .header .head-line::before,step-box:first-child:nth-last-child(n)~step-box .header .head-line::before{content:none;display:table-cell;width:auto;float:left}step-box:first-child:nth-last-child(n+9) .header .head-line::before,step-box:first-child:nth-last-child(n+9)~step-box .header .head-line::before{content:counter(step-counter) ". "}step-box:first-child:nth-last-child(2) .header .head-line::before,step-box:first-child:nth-last-child(2)~step-box .header .head-line::before{content:counter(step-counter) "/2 "}step-box:first-child:nth-last-child(3) .header .head-line::before,step-box:first-child:nth-last-child(3)~step-box .header .head-line::before{content:counter(step-counter) "/3 "}step-box:first-child:nth-last-child(4) .header .head-line::before,step-box:first-child:nth-last-child(4)~step-box .header .head-line::before{content:counter(step-counter) "/4 "}step-box:first-child:nth-last-child(5) .header .head-line::before,step-box:first-child:nth-last-child(5)~step-box .header .head-line::before{content:counter(step-counter) "/5 "}step-box:first-child:nth-last-child(6) .header .head-line::before,step-box:first-child:nth-last-child(6)~step-box .header .head-line::before{content:counter(step-counter) "/6 "}step-box:first-child:nth-last-child(7) .header .head-line::before,step-box:first-child:nth-last-child(7)~step-box .header .head-line::before{content:counter(step-counter) "/7 "}step-box:first-child:nth-last-child(8) .header .head-line::before,step-box:first-child:nth-last-child(8)~step-box .header .head-line::before{content:counter(step-counter) "/8 "}step-box:first-child:nth-last-child(9) .header .head-line::before,step-box:first-child:nth-last-child(9)~step-box .header .head-line::before{content:counter(step-counter) "/9 "}step-box>.header{cursor:pointer}step-box>.header>.head-line{background-color:var(--headline-background-color);color:var(--headline-text-color);display:table;font-size:calc(2.8rem*var(--rem-font-factor, 1));font-weight:700;line-height:1;margin:0;padding:calc(1.2rem*var(--rem-base-factor, 1)) calc(2.4rem*var(--rem-base-factor, 1));width:100%}@media(min-width: 768px){step-box>.header>.head-line{font-size:calc(3rem*var(--rem-font-factor, 1));padding:calc(1.6rem*var(--rem-base-factor, 1)) calc(2rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){step-box>.header>.head-line{font-size:calc(3.2rem*var(--rem-font-factor, 1));padding:calc(2rem*var(--rem-base-factor, 1)) calc(3.2rem*var(--rem-base-factor, 1))}}@media(min-width: 1536px){step-box>.header>.head-line{font-size:calc(3.6rem*var(--rem-font-factor, 1))}}step-box>.content{cursor:pointer;margin:calc(3.2rem*var(--rem-base-factor, 1)) calc(2.4rem*var(--rem-base-factor, 1)) 0}step-box>.content .escape-left,step-box>.content .escape-right{margin-left:calc(-2.4rem*var(--rem-base-factor, 1))}@media(min-width: 768px){step-box>.content{margin:calc(3.2rem*var(--rem-base-factor, 1)) calc(2rem*var(--rem-base-factor, 1)) 0}step-box>.content .escape-left,step-box>.content .escape-right{margin-left:calc(-2rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){step-box>.content{margin:calc(3.2rem*var(--rem-base-factor, 1)) calc(3.2rem*var(--rem-base-factor, 1)) 0}step-box>.content .escape-left,step-box>.content .escape-right{margin-left:calc(-3.2rem*var(--rem-base-factor, 1))}}step-box>.footer{margin:calc(2.4rem*var(--rem-base-factor, 1)) calc(2.4rem*var(--rem-base-factor, 1)) 0}@media(min-width: 768px){step-box>.footer{margin:calc(3.2rem*var(--rem-base-factor, 1)) calc(2rem*var(--rem-base-factor, 1)) 0}}@media(min-width: 1024px){step-box>.footer{margin:calc(2.4rem*var(--rem-base-factor, 1)) calc(3.2rem*var(--rem-base-factor, 1)) 0}}step-box>.footer p{color:var(--footer-text-color);font-size:calc(1.4rem*var(--rem-font-factor, 1));line-height:1.29;margin:0}step-box>eon-ui-button,step-box>eon-ui-link{display:block;margin:calc(2.4rem*var(--rem-base-factor, 1)) calc(2.4rem*var(--rem-base-factor, 1)) 0;width:auto}@media(min-width: 768px){step-box>eon-ui-button,step-box>eon-ui-link{display:inline-block;margin:calc(2.4rem*var(--rem-base-factor, 1)) calc(2rem*var(--rem-base-factor, 1)) 0}}@media(min-width: 1024px){step-box>eon-ui-button,step-box>eon-ui-link{margin:calc(2.4rem*var(--rem-base-factor, 1)) calc(3.2rem*var(--rem-base-factor, 1)) 0}}step-box>eon-ui-button[purpose=edit],step-box>eon-ui-link[purpose=edit]{display:none;margin:calc(3.2rem*var(--rem-base-factor, 1)) calc(2.4rem*var(--rem-base-factor, 1)) 0;padding:0;float:right}step-box:not(:last-child){margin-bottom:calc(2rem*var(--rem-base-factor, 1))}step-box:not([state=active])>.header .head-line{background-color:var(--headline-not-active-state-background-color);color:var(--headline-not-active-state-color)}step-box:not([state]),step-box[state=pending]{padding-bottom:0}step-box:not([state])>.content,step-box:not([state])>.footer,step-box:not([state])>[purpose=continue],step-box[state=pending]>.content,step-box[state=pending]>.footer,step-box[state=pending]>[purpose=continue]{display:none}step-box-app[disallow-jump-over] step-box:not([state])>.header{cursor:auto}step-box-app[disallow-jump-over] step-box:not([state])>.content{cursor:auto}
tariff-advisor-input-app .container .headlineWrapper{word-break:normal;overflow-wrap:anywhere;margin-bottom:calc(1.6rem*var(--rem-base-factor, 1))}@media(min-width: 1024px){tariff-advisor-input-app .container .headlineWrapper{margin-bottom:calc(2.4rem*var(--rem-base-factor, 1))}}tariff-advisor-input-app .container .inputWrapper{display:flex;flex-wrap:wrap;flex-direction:column;column-gap:calc(2.4rem*var(--rem-base-factor, 1));row-gap:calc(2.4rem*var(--rem-base-factor, 1));margin-bottom:calc(2.4rem*var(--rem-base-factor, 1))}tariff-advisor-input-app .container .inputWrapper>*{max-width:100%}tariff-advisor-input-app .container .inputWrapper .stepInputWrapper eon-ui-text{margin-bottom:calc(calc(0.7rem * var(--rem-base-factor, 1))*var(--rem-base-factor, 1)/var(--rem-font-factor, 1))}@media(min-width: 1152px){tariff-advisor-input-app .container .inputWrapper .buttonWrapper{margin-top:calc(2.6rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px){tariff-advisor-input-app .container .inputWrapper{flex-direction:row;row-gap:calc(3.2rem*var(--rem-base-factor, 1));margin-bottom:calc(3.2rem*var(--rem-base-factor, 1))}tariff-advisor-input-app .container .inputWrapper .consumptionInputWrapper,tariff-advisor-input-app .container .inputWrapper .zipInputWrapper,tariff-advisor-input-app .container .inputWrapper .stepInputWrapper{max-width:33%;flex:1 0 calc(25rem*var(--rem-base-factor, 1))}tariff-advisor-input-app .container .inputWrapper .stepInputWrapper{min-width:calc(25.6rem*var(--rem-base-factor, 1))}}@media(min-width: 1536px){tariff-advisor-input-app .container .inputWrapper{margin-bottom:calc(4rem*var(--rem-base-factor, 1))}}tariff-advisor-input-app .container .inputWrapper.skeleton{height:inherit;background:none}@media(max-width: 1023px){tariff-advisor-input-app .container .inputWrapper.skeleton>*{max-width:100%}}tariff-advisor-input-app .container .linkAndCardWrapper .linkSectionWrapper{display:flex;flex-wrap:wrap;flex-direction:column;margin-bottom:calc(2.4rem*var(--rem-base-factor, 1))}tariff-advisor-input-app .container .linkAndCardWrapper .linkSectionWrapper .linkText{padding-bottom:calc(0.8rem*var(--rem-base-factor, 1))}@media(min-width: 1024px){tariff-advisor-input-app .container .linkAndCardWrapper .linkSectionWrapper{margin-bottom:calc(3.2rem*var(--rem-base-factor, 1))}}@media(min-width: 1536px){tariff-advisor-input-app .container .linkAndCardWrapper .linkSectionWrapper{margin-bottom:calc(4rem*var(--rem-base-factor, 1))}}tariff-advisor-input-app .container .linkAndCardWrapper .filterCardsWrapper{position:relative;margin-top:calc(-0.8rem*var(--rem-base-factor, 1));margin-bottom:calc(2.4rem*var(--rem-base-factor, 1))}tariff-advisor-input-app .container .linkAndCardWrapper .filterCardsWrapper .filterCardSubHeadline{display:flex;column-gap:calc(0.8rem*var(--rem-base-factor, 1));margin-bottom:calc(2.4rem*var(--rem-base-factor, 1))}tariff-advisor-input-app .container .linkAndCardWrapper .filterCardsWrapper .filterCards{display:block;padding-bottom:calc(2.2rem*var(--rem-base-factor, 1))}tariff-advisor-input-app .container .linkAndCardWrapper .filterCardsWrapper .chipElementWrapper{display:flex;margin-top:calc(2.4rem*var(--rem-base-factor, 1))}tariff-advisor-input-app .container .linkAndCardWrapper .filterCardsWrapper .chipElementWrapper:empty{display:none}@media(min-width: 1024px){tariff-advisor-input-app .container .linkAndCardWrapper .filterCardsWrapper .chipElementWrapper{position:absolute;top:calc(1.5rem*var(--rem-base-factor, 1));left:calc(22.1rem*var(--rem-base-factor, 1));margin-top:0}}@media(min-width: 1024px){tariff-advisor-input-app .container .linkAndCardWrapper .filterCardsWrapper{margin-top:calc(-1.2rem*var(--rem-base-factor, 1));margin-bottom:0}}@media(min-width: 1536px){tariff-advisor-input-app .container .linkAndCardWrapper .filterCardsWrapper{margin-top:calc(-1.2rem*var(--rem-base-factor, 1));margin-bottom:0}}eon-ui-multi-content-stage-item tariff-advisor-input-app .container .inputWrapper .buttonWrapper{margin-top:0}@media(min-width: 1216px){eon-ui-multi-content-stage-item tariff-advisor-input-app .container .inputWrapper .buttonWrapper{margin-top:calc(2.6rem*var(--rem-base-factor, 1))}}@media(min-width: 1024px)and (max-width: 1044px){eon-ui-multi-content-stage-item tariff-advisor-input-app .container .inputWrapper .consumptionInputWrapper,eon-ui-multi-content-stage-item tariff-advisor-input-app .container .inputWrapper .zipInputWrapper,eon-ui-multi-content-stage-item tariff-advisor-input-app .container .inputWrapper .stepInputWrapper{flex:1 0 calc(17rem*var(--rem-base-factor, 1))}}