/*!
 * eon-de-components|5.15.0|27.7.2022,20:51:09|d0991642
 *
 */
login-bank-account-app{--c-text-color: var(--eon-white)}
login-billing-address-app{--c-text-color: var(--eon-white)}
login-billing-plan-app{--c-deduction-fully-paid-color: var(--eon-turquoise);--c-deduction-partly-paid-color: var(--eon-bordeaux);--c-deduction-outstanding-color: var(--eon-bordeaux);--c-error-subhead-color: var(--eon-white)}
eon-ui-modal[modal-id=modal-communication-popup]{--c-teaser-primary-background-color: var(--eon-limeyellow);--c-teaser-secondary-background-color: var(--eon-darkgrey-opacity-20)}
login-dashboard-app{--c-consent-given-color: var(--eon-turquoise);--c-consent-pending-color: var(--eon-turquoise);--c-consent-withdraw-paid-color: var(--eon-middlegrey);--c-consent-not-given-color: var(--eon-middlegrey);--c-mfa-active-color: var(--eon-turquoise);--c-mfa-inactive-color: var(--eon-middlegrey)}
login-invoice-app{--c-status-text-color: var(--eon-turquoise);--c-paid-text-color: var(--eon-turquoise);--c-deduction-fully-paid-color: var(--eon-turquoise);--c-deduction-partly-paid-color: var(--eon-bordeaux);--c-deduction-due-color: var(--eon-bordeaux);--c-deduction-outstanding-color: var(--eon-bordeaux)}
login-meter-readings-app{--c-reading-status: var(--eon-turquoise);--c-reading-status-implausible: var(--eon-middlegrey)}
login-payment-overview-app{--c-payment-credit-status-color: var(--eon-turquoise);--c-payment-status-color: var(--eon-black)}
login-pcc-app{--c-delivery-by-title: var(--eon-middlegrey)}
login-personal-data-app{--c-text-color: var(--eon-white)}
login-point-of-consumption-app{--c-text-color: var(--eon-white)}
login-postbox-app{--c-message-text-color: var(--eon-red);--c-accent-color: var(--eon-red);--c-case-status-color: var(--eon-turquoise);--c-case-closed-status-color: var(--eon-black)}eon-ui-modal[modal-id=modal-postbox-case]{--c-case-note-color: var(--eon-middlegrey);--c-case-status-popup-color: var(--eon-turquoise);--c-case-closed-status-popup-color: var(--eon-black)}
login-product-switch-app{--product-background-color: var(--eon-white);--product-border-color: var(--eon-darkgrey-opacity-20)}
login-survey-input-app{--c-text-color: var(--eon-darkgrey)}
login-two-factor-auth-app{--c-text-color: var(--eon-turquoise);--c-active-text-color: var(--eon-turquoise);--c-inactive-text-color: var(--eon-middlegrey)}
login-web-data-agreement-app{--c-status-message-color: var(--eon-turquoise)}
ocp-bank-account-app{--c-editWrapper-bgColor: var(--eon-white);--c-subHeaderContent-color: var(--eon-turquoise)}
ocp-tariff-overview-app{--c-product-wrapper-background-color: var(--eon-white);--c-product-header-background-color: var(--eon-turquoise);--c-product-header-color: var(--eon-white)}
product-advisor-b2b-all-costs-overlay-app{--c-headline-color: var(--eon-turquoise-dark);--c-sub-headline-color: var(--eon-darkgrey);--c-footnote-color: var(--eon-darkgrey);--c-cost-header-value-color: var(--eon-darkgrey);--c-last-row-color: var(--eon-turquoise)}
product-advisor-b2b-lead-form-app{--c-info-text-color: var(--eon-darkgrey)}
product-advisor-b2b-output-app{--c-accordion-cost-title-color: var(--eon-turquoise-dark);--c-accordion-other-cost-title-color: var(--eon-darkgrey);--c-accordion-cost-text-color: var(--eon-darkgrey);--c-tariff-result-price-text-color: var(--eon-white);--c-contract-label-text-color: var(--eon-white);--c-addon-element-color: var(--eon-darkgrey);--c-addon-list-price-color: var(--eon-darkgrey);--c-addon-footnote-color: var(--eon-darkgrey);--c-addon-default-price-color: var(--eon-turquoise);--c-addon-divider-color: var(--eon-turquoise);--c-addon-border-color: var(--eon-turquoise);--c-total-price-text-color: var(--eon-darkgrey)}
product-advisor-output-app{--product-background-color: var(--eon-white);--product-border-color: var(--eon-darkgrey-opacity-20)}
product-advisor-price-delivery-conditions-app{--c-product-text-color: var(--eon-darkgrey)}
raffle-logged-in-app{--footnote-color: var(--eon-darkgrey);--footnote-link-color: var(--eon-black)}
raffle-logged-out-app{--footnote-color: var(--eon-darkgrey);--footnote-link-color: var(--eon-black)}
raffle-news-letter-app{--footnote-color: var(--eon-middlegrey);--footnote-link-color: var(--eon-black)}
raffle-opt-in-and-questionnaire-app{--footnote-color: var(--eon-middlegrey);--footnote-link-color: var(--eon-black)}
survey-result-app{--c-answer-color-1: var(--eon-red);--c-answer-color-2: var(--eon-limeyellow);--c-answer-color-3: var(--eon-turquoise)}
:root{--c-box-background-color: var(--eon-ultralightgrey);--c-line-color: var(--eon-darkgrey-25)}
:root{--shared-data-list-bg-color: var(--eon-ultralightgrey)}
:root{--rem-base-factor: 1;--rem-font-factor: 1}
@keyframes skeleton-gradient{to{background-position:0 50%}}.skeleton{margin:.3rem 0 .3rem 0;background:var(--eon-darkgrey-25) linear-gradient(-90deg, var(--eon-darkgrey-25), var(--eon-white), var(--eon-darkgrey-25));background-size:200% 200%;background-position:200% 50%;animation:skeleton-gradient 2.5s ease infinite;width:100%;height:calc(1em - 0.6rem)}.skeleton--75{width:75%}.skeleton--50{width:50%}.skeleton--25{width:25%}.skeleton-aria{position:absolute;left:-10000px}.skeleton:not(button.skeleton)+.skeleton:not(button.skeleton){margin-top:.6rem}.skeleton--invisible{visibility:hidden}a.skeleton{text-decoration:none}button.skeleton{border:none;height:4.8rem;border-radius:1rem;margin:0;padding:0;display:inherit}button.skeleton--icon{width:4.8rem;height:4.8rem}button.skeleton--small{height:3.2rem;width:3.2rem}button.skeleton--info{border-radius:.5rem;height:2.4rem;width:2.4rem}button.skeleton--submit{padding-left:2.4rem;padding-right:2.4rem;width:inherit}h1.skeleton{font-weight:900;font-size:8.4rem}h2.skeleton{font-weight:900;font-size:7.2rem}h3.skeleton{font-weight:900;font-size:5.2rem}h4.skeleton{font-weight:900;font-size:3.6rem}h5.skeleton{font-weight:700;font-size:2.6rem}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:4.8rem;border-radius:.2rem;margin:0;padding-left:1.2rem;padding-right:0}input.skeleton--icon{width:4.8rem;height:4.8rem}input.skeleton--small{height:3.2rem}input.skeleton--dropdown{margin-right:-11rem}p.skeleton{font-size:1.8rem;margin-bottom:1.5rem;height:calc(1.3em - 0.6rem)}label.skeleton{font-size:1.8rem;width:10rem;height:1.8rem;margin-left:.8rem;display:inline-block;position:relative;top:-0.6rem}.skeleton--radio{width:3.2rem;height:3.2rem;border-radius:100%;display:inline-block}.skeleton--checkbox{width:3.2rem;height:3.2rem;border-radius:25%;display:inline-block}
.ribbonComponent{display:flex;justify-content:center;align-items:baseline;padding:calc(1rem * var(--rem-base-factor, 1)) calc(1.5rem * var(--rem-base-factor, 1));background-color:#e3e000;font-size:calc(2.2rem * var(--rem-font-factor, 1));font-weight:700;position:relative;text-align:center}@media(min-width: 768px){.ribbonComponent{font-size:calc(2.4rem * var(--rem-font-factor, 1))}}@media(min-width: 1280px){.ribbonComponent{font-size:calc(2.6rem * var(--rem-font-factor, 1))}}.ribbonComponent .wrapper{display:flex;align-items:flex-start}.ribbonComponent::before,.ribbonComponent::after{content:"";position:absolute;bottom:calc((1rem * var(--rem-base-factor, 1))*-1)}.ribbonComponent.leftFold::before{position:absolute;width:0;height:0;left:0;border-style:solid;border-width:0 calc(1rem * var(--rem-base-factor, 1)) calc(1rem * var(--rem-base-factor, 1)) 0;border-color:rgba(0,0,0,0) #b3b102 rgba(0,0,0,0) rgba(0,0,0,0)}.ribbonComponent.rightFold::after{position:absolute;width:0;height:0;right:0;border-style:solid;border-width:calc(1rem * var(--rem-base-factor, 1)) calc(1rem * var(--rem-base-factor, 1)) 0 0;border-color:#b3b102 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.ribbonComponent span,.ribbonComponent span+*{margin-right:calc(1.6rem * var(--rem-base-factor, 1))}.ribbonComponent .skeleton.infoIcon{width:auto}
.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.8rem * var(--rem-base-factor, 1)) * calc(var(--rem-base-factor, 1) / var(--rem-font-factor, 1)))}.stepInputComponent .stepInputControl .stepWrapper{display:flex}.stepInputComponent .stepInputControl .stepWrapper>*:not(:last-child){margin-right:calc(1.2rem * var(--rem-base-factor, 1))}.stepInputComponent .stepInputControl .stepWrapper.skeleton{background:none;height:initial;margin-bottom:0}
login-billing-plan-app .wrapper{margin:0 0 3rem 0;font-weight:400}login-billing-plan-app .row{min-height:6.9rem;display:flex;background-color:var(--shared-data-list-bg-color);margin:0 0 1.5rem 0}login-billing-plan-app .col{flex:1;padding:2rem;align-self:center;line-height:1.4}@media(max-width: 767.99px){login-billing-plan-app .row{padding:2rem 0;display:block}login-billing-plan-app .col{padding:.8rem}}
login-payment-overview-app .wrapper{margin:0 0 3rem 0;font-weight:400}login-payment-overview-app .row{min-height:6.9rem;display:flex;background-color:var(--shared-data-list-bg-color);margin:0 0 1.5rem 0}login-payment-overview-app .col{flex:1;padding:2rem;align-self:center;line-height:1.4}@media(max-width: 767.99px){login-payment-overview-app .row{padding:2rem 0;display:block}login-payment-overview-app .col{padding:.8rem}}
login-personal-data-app .personalDataDetails{display:flex}login-personal-data-app .personalDataWrapper{padding:3.2rem}login-personal-data-app .personalDataHeadline{margin-bottom:3.2rem}login-personal-data-app .personalDataContainer{width:auto;color:var(--c-text-color)}@media(min-width: 768px){login-personal-data-app .personalDataContainer{display:flex;flex:1}}login-personal-data-app .personalDataContactDetail{color:var(--c-text-color);font-weight:400;flex:1}@media(min-width: 1024px){login-personal-data-app .personalDataContactDetail:first-child{margin-right:5rem}}login-personal-data-app .personalDataValue{margin-left:0;margin-bottom:2.4rem;font-weight:700}login-personal-data-app .personalDataLabel{font-weight:400}login-personal-data-app .personalDataImage{max-width:50%;margin:0 auto 3rem auto;display:block;flex:1}@media(max-width: 1023.99px){login-personal-data-app .personalDataImage{display:none}}login-personal-data-app .personalDataImage img{width:50%;margin:0 auto;display:block}
login-visibility-container-app{display:none}
ocp-personal-data-app .privateCustomerFormWrapper,ocp-personal-data-app .businessCustomerFormWrapper{display:grid;gap:calc(2.4rem * var(--rem-base-factor, 1)) calc(2.4rem * var(--rem-base-factor, 1))}@media(min-width: 768px){ocp-personal-data-app .privateCustomerFormWrapper,ocp-personal-data-app .businessCustomerFormWrapper{grid-template-columns:1fr 1fr}}ocp-personal-data-app .privateCustomerFormWrapper .salutationDropdownWrapper,ocp-personal-data-app .businessCustomerFormWrapper .salutationDropdownWrapper{grid-area:salutation}ocp-personal-data-app .privateCustomerFormWrapper .titleDropdownWrapper,ocp-personal-data-app .businessCustomerFormWrapper .titleDropdownWrapper{grid-area:title}ocp-personal-data-app .privateCustomerFormWrapper .firstNameWrapper,ocp-personal-data-app .businessCustomerFormWrapper .firstNameWrapper{grid-area:firstName}ocp-personal-data-app .privateCustomerFormWrapper .lastNameWrapper,ocp-personal-data-app .businessCustomerFormWrapper .lastNameWrapper{grid-area:lastName}ocp-personal-data-app .privateCustomerFormWrapper .companyWrapper,ocp-personal-data-app .businessCustomerFormWrapper .companyWrapper{grid-area:company}ocp-personal-data-app .privateCustomerFormWrapper .emailWrapper,ocp-personal-data-app .businessCustomerFormWrapper .emailWrapper{grid-area:email}ocp-personal-data-app .privateCustomerFormWrapper .phoneWrapper,ocp-personal-data-app .businessCustomerFormWrapper .phoneWrapper{grid-area:phone}ocp-personal-data-app .privateCustomerFormWrapper .birthdateWrapper,ocp-personal-data-app .businessCustomerFormWrapper .birthdateWrapper{grid-area:birthdate;min-width:0}ocp-personal-data-app .privateCustomerFormWrapper{grid-template-areas:"salutation" "title" "firstName" "lastName" "company" "email" "phone" "birthdate"}@media(min-width: 768px){ocp-personal-data-app .privateCustomerFormWrapper{grid-template-areas:"salutation title" "firstName lastName" "company company" "email phone" "birthdate ."}}ocp-personal-data-app .businessCustomerFormWrapper{grid-template-areas:"company" "businessHeadline" "salutation" "title" "firstName" "lastName" "email" "phone" "birthdate" "position"}@media(min-width: 768px){ocp-personal-data-app .businessCustomerFormWrapper{grid-template-areas:"company company" "businessHeadline businessHeadline" "salutation title" "firstName lastName" "email phone" "birthdate position"}}ocp-personal-data-app .businessCustomerFormWrapper .businessHeadlineWrapper{grid-area:businessHeadline}ocp-personal-data-app .businessCustomerFormWrapper .positionDropdown{grid-area:position}
ocp-point-of-consumption-app .deliveryFormWrapper{display:grid;gap:calc(2.4rem * var(--rem-base-factor, 1)) calc(2.4rem * var(--rem-base-factor, 1));grid-template-areas:"headline" "city" "street" "houseNumber" "existingCustomer"}@media(min-width: 768px){ocp-point-of-consumption-app .deliveryFormWrapper{grid-template-areas:"headline headline" "city city" "street houseNumber" "existingCustomer existingCustomer"}ocp-point-of-consumption-app .deliveryFormWrapper .contractAccount{grid-column-end:span 2}}@media(min-width: 768px)and (max-width: 1023.99px){ocp-point-of-consumption-app .deliveryFormWrapper{grid-template-columns:1fr calc(14rem * var(--rem-base-factor, 1))}}@media(min-width: 1024px){ocp-point-of-consumption-app .deliveryFormWrapper{grid-template-columns:1fr calc(14rem * var(--rem-base-factor, 1))}}ocp-point-of-consumption-app .deliveryFormWrapper .headline{grid-area:headline}ocp-point-of-consumption-app .deliveryFormWrapper .city{grid-area:city}ocp-point-of-consumption-app .deliveryFormWrapper .street{grid-area:street}ocp-point-of-consumption-app .deliveryFormWrapper .houseNumber{grid-area:houseNumber}ocp-point-of-consumption-app .deliveryFormWrapper .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: 1023.99px){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(1.6rem * var(--rem-base-factor, 1)) calc(2.4rem * var(--rem-base-factor, 1))}@media(min-width: 768px)and (max-width: 1023.99px){ocp-point-of-consumption-app .formWrapper{gap:calc(2.4rem * var(--rem-base-factor, 1)) calc(2.4rem * var(--rem-base-factor, 1))}}@media(min-width: 1024px){ocp-point-of-consumption-app .formWrapper{gap:calc(3.2rem * var(--rem-base-factor, 1)) calc(3.2rem * var(--rem-base-factor, 1))}}ocp-point-of-consumption-app .existingCustomerWrapper{width:80%;margin:calc(2rem * var(--rem-base-factor, 1)) 0 calc(2rem * var(--rem-base-factor, 1));font-size:calc(1.8rem * var(--rem-base-factor, 1))}@media(min-width: 768px){ocp-point-of-consumption-app .existingCustomerWrapper{margin-bottom:0}}
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: 1023.99px){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)}ocp-supplier-information-app .radioButtonsWrapper{display:grid;grid-row-gap:2.4rem}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"}}
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}
product-advisor-input-app{display:inline-block;position:relative;padding:0;width:100%}@media(min-width: 768px)and (max-width: 1023.99px){product-advisor-input-app{padding-top:calc(4rem * var(--rem-base-factor, 1))}}@media(min-width: 1024px){product-advisor-input-app{padding-top:calc(4.8rem * var(--rem-base-factor, 1))}}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:calc(-1rem * var(--rem-base-factor, 1))}}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: 1023.99px){product-advisor-input-app .container,product-advisor-input-app .b2bContainer{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-input-app .container,product-advisor-input-app .b2bContainer{padding:0 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 .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: 767.99px){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: 1023.99px){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{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: 1023.99px){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:15rem}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:2.4rem}product-advisor-input-app .b2bInputWrapper .industryDropdownWrapper,product-advisor-input-app .b2bInputWrapper .dropdownWrapper{min-width:0}@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: 1023.99px){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%}}
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: 1023.99px){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(0.4rem * var(--rem-base-factor, 1))}@media(min-width: 768px){raffle-logged-out-app .footNote{padding-top:calc(0.8rem * 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:2rem}raffle-opt-in-and-questionnaire-app .legend{margin-bottom:2rem}raffle-opt-in-and-questionnaire-app .footNote{padding-top:.4rem}@media(min-width: 768px){raffle-opt-in-and-questionnaire-app .footNote{padding-top:.8rem}}raffle-opt-in-and-questionnaire-app .footNote *{font-size:1.4rem;line-height:1.8rem;color:var(--eon-middlegrey)}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:3.2rem}raffle-opt-in-and-questionnaire-app .errorContainer{margin-top:2rem}raffle-opt-in-and-questionnaire-app .additionalSpace{margin-bottom:3.2rem}
step-box-app .step-list{counter-reset:step-counter;list-style-type:none;padding:0;margin:0}step-box{background-color:var(--eon-white);counter-increment:step-counter;display:list-item;padding-bottom:calc(3.2rem * var(--rem-base-factor, 1));position:relative}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(--eon-turquoise);color:var(--eon-white);display:table;font-size:calc(2.6rem * var(--rem-font-factor, 1));font-weight:900;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{padding:calc(2rem * var(--rem-base-factor, 1)) calc(3.2rem * var(--rem-base-factor, 1))}}step-box>.content{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(--eon-middlegrey);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}@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;position:absolute;bottom:calc(3.2rem * var(--rem-base-factor, 1));right:calc(3.2rem * var(--rem-base-factor, 1));margin:0;padding:0}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(--eon-darkgrey-25)}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}