\n \n \n
\n ) : null}\n \n \n \n \n
\n \n \n \n \n
\n \n
\n \n
\n \n
\n ) : null}\n \n 
\n
\n {this.label}
\n\n
\n \n
\n \n
\n \n
\n \n ) : (\n \n
\n \n )}\n \n
\n \n
\n {this.optIns.map(optIn => (\n \n
\n \n
\n \n
\n Finden Sie Ihren passenden Ökogastarif
\n \nFinden Sie Ihren passenden Ökostromtarif
\n \n\n \n \n \n\n \n \n \n
\n \n
\n\n - \n
- \n
- \n this.clickTabHeader(e)}>\n Ökogas\n \n \n
Finden Sie Ihren passenden Ladestromtarif
\n \n\n
\n \n
\n \n \n\n
\n \n
\n \n \n
\n ODER
\n\n
\n \n \n
\n \n
\n {this.dirty && !this.usage ? \n this.handleUsageChange(e)}\n />\n \n
\n Bitte wählen Sie Ihren Verbrauch.
: null}\nFinden Sie Ihren passenden Ökogastarif
\nFinden Sie Ihren passenden Ökostromtarif
\nFinden Sie Ihren passenden Heizstromtarif
\n \n\n \n {this.isOpen ? (\n \n this.handleCloseClick()}\n >\n \n \n \n ) : null}\n
\n \n \n
\n Wärmepumpe
\n\n Bei einer Wärmepumpe-Heizanlage handelt es sich um einen Heizungstyp, der seine Energie aus der\n Umgebungsluft, Wasser oder dem Erdreich bezieht. Zur Nutzung der kostenlosen Umweltwärme benötigen\n die meist in neueren Gebäuden verbauten Geräte lediglich einen kleinen Stromanteil zum Betrieb der\n Pumpe.\n
\n\n
\n Nachtspeicherheizung
\n\n Bei einer Nachspeicherheizung wird der elektrische Strom für die Wärme in den günstigeren\n Nachtstunden erzeugt und tagsüber für die Beheizung der Wohnung genutzt. Dieser Heiztyp findet sich\n häufig in älteren Gebäuden.\n
\n\n
\n Eintarifzähler oder Zweitarifzähler?
\n\n Ein Eintarifzähler ist ein Stromzähler, der nur über ein einzelnes Zählwerk verfügt. Bei einem\n Zweitarif- oder Doppelzähler wird der Stromverbrauch hingegen über zwei separate Zählwerke erfasst.\n Unterschieden wird zwischen HT (Hochtarifzeit) und NT (Niedrigtarifzeit).\n
\n\n
\n Gemeinsame Messung
\n\n Ihr allgemeiner Haushaltsstrom und der Strombedarf für die elektronische Heizung werden gemeinsam,\n über einen Zähler gemessen.\n
\n\n
\n Getrennte Erfassung
\n\n Ihr allgemeiner Haushaltsstrom und der Strombedarf für die elektronische Heizung werden getrennt\n voneinander, über einen separaten Zähler gemessen. In diesem Fall verfügen Sie über einen separaten\n Zähler für Ihren Haushaltsstrom.\n
\n\n
\n )}\n \n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n this.handleReadingTypeChange(e)}\n class={this.type === '' ? 'is-invalid' : 'is-valid'}\n >\n \n \n \n \n
\n \n
\n {!this.showNt ? null : (\n \n \n
\n \n
\n {(this.htDirty || this.dirty) && !this.htUsage ? (\n \n this.handleHtChange(e)}\n />\n \n
\n Bitte wählen Sie Ihren Verbrauch.
\n ) : null}\n\n \n \n
\n \n
\n {(this.ntDirty || this.dirty) && Number.isNaN(this.ntUsage) ? (\n \n this.handleNtChange(e)}\n />\n \n
\n Bitte wählen Sie Ihren Verbrauch.
\n ) : null}\n\n
\n \n
\n \n
\n \n
\n {this._interalState === 'INVALID' && (\n \n this.handleChange(event)}\n placeholder={this.promocodePlaceholder}\n autocomplete=\"off\"\n class=\"c-text-input__input\"\n ref={el => (this.promocodeInputElement = el as HTMLInputElement)}\n disabled={this._interalState === 'VALIDATING' || this._interalState === 'VALID'}\n />\n
\n {this.promocodeInvalidText}
\n )}\n {this._interalState === 'VALID' && (\n{this.promocodeValidText}
\n )}\n\n \n {this._interalState === 'VALIDATING' ? (\n {this.promocodeValidatingText}\n ) : this._interalState === 'VALID' || this._interalState === 'INVALID' ? (\n {this.promocodeRemoveText}\n ) : (\n {this.promocodeApplyText}\n )}\n \n
\n Finden Sie Ihren passenden Solarstromtarif
\n\n \n
\n \n
\n {this.dirty && !this.street ? \n this.handleStreetChange(e)}\n placeholder={this.placeholder}\n autocomplete=\"off\"\n class=\"c-text-input__input\"\n />\n
\n - \n {this.addresses?.map(address => (\n
- this.onClickStreetAutocomplete(address)}>\n {address.streetName}\n \n ))}\n
Bitte wählen Sie eine Straße.
: null}\n\n \n
\n \n
\n {this.dirty && !this.streetNumber ? \n this.handleStreetNumberChange(e)}\n placeholder={this.placeholder}\n autocomplete=\"off\"\n class=\"c-text-input__input\"\n />\n
\n Bitte wählen Sie eine Hausnummer.
: null}\n\n \n \n \n\n \n \n \n\n \n \n \n\n \n \n \n\n \n \n \n
\n \n
\n\n - \n
- \n
- \n this.clickTabHeader(e)}>\n Ökogas\n \n \n\n
- \n this.clickTabHeader(e)}>\n Heizstrom\n \n \n\n
- \n this.clickTabHeader(e)}>\n Ladestrom\n \n \n\n
- \n this.clickTabHeader(e)}>\n Solarstrom\n \n \n
\n
\n \n
\n\n \n \n this.handleUsageSliderChange(e)}\n type=\"range\"\n min=\"0\"\n max={this.usageOptions.length - 1}\n step=\"1\"\n value={this.sliderValue}\n class=\"c-range-slider__input js-range-slider-input js-range-slider-input-0\"\n />\n \n
\n ODER
\n\n
\n \n \n
\n \n
\n {this.dirty && !this.usage ? \n this.handleUsageChange(e)}\n class=\"c-text-input__input\"\n />\n \n
\n Bitte wählen Sie Ihren Verbrauch.
: null}\n\n \n
\n \n
\n {this.dirty && !this.zipcode ? \n this.handleZipcodeChange(e)}\n placeholder={this.placeholder}\n autocomplete=\"off\"\n class=\"c-text-input__input\"\n pattern={this.zipcodeRegExp}\n />\n
\n - \n {this.addresses?.map(address => (\n
- this.onClickZipcodeAutocomplete(address)}>\n \n {address.postCode} {address.city}\n \n \n ))}\n
Bitte wählen Sie eine Postleitzahl.
: null}\n