Zum Inhalt springen
Alles Automatisch

DashboardÜbersicht

Energie & Kosten

Dashboard-View 'Energie & Kosten' mit 31 Karten. Teil des Haupt-Dashboards.

So übernimmst du sie

Zwei Schritte, dann läuft sie bei dir.

  1. 1

    Das brauchst du

    • SensorGerät
  2. 2

    Einfügen

    Dashboard öffnenDashboard bearbeitenRaw-Konfigurationseditor

    Der Raw-Konfigurationseditor ersetzt das ganze Dashboard. Für eine einzelne Karte stattdessen eine Karte hinzufügen und dort den YAML-Code einfügen.

    Übersicht: Energie & Kosten
    # Entity-IDs sind anonymisiert. Ersetze sie durch deine eigenen.
    # Beispiel: light.dein_wohnzimmer_licht -> light.wohnzimmer_deckenlampe
    title: Energie & Kosten
    icon: mdi:flash
    path: kosten
    type: sections
    max_columns: 3
    sections:
    - title: ''
      type: grid
      cards:
      - type: heading
        heading: Energiefluss
        heading_style: title
        icon: mdi:flash
      - type: grid
        columns: 2
        square: false
        cards:
        - type: custom:mushroom-template-card
          primary: Produktion
          secondary: '{% if has_value(''sensor.solaredge_solar_energie'') %}{{ states(''sensor.solaredge_solar_energie'') | float(0)
            | round(2) }} kW{% else %}--{% endif %}'
          icon: mdi:solar-power
          icon_color: green
          layout: vertical
          entity: sensor.solaredge_solar_energie
          tap_action:
            action: more-info
        - type: custom:mushroom-template-card
          primary: Verbrauch
          secondary: '{% if has_value(''sensor.solaredge_stromverbrauch'') %}{{ states(''sensor.solaredge_stromverbrauch'') |
            float(0) | round(2) }} kW{% else %}--{% endif %}'
          icon: mdi:home-lightning-bolt
          icon_color: orange
          layout: vertical
          entity: sensor.solaredge_stromverbrauch
          tap_action:
            action: more-info
        - type: custom:mushroom-template-card
          primary: Netz
          secondary: '{% if has_value(''sensor.ecotracker_leistung'') %}{% set w = states(''sensor.ecotracker_leistung'') | float(0)
            %}{% if w > 0 %}{{ w | round(0) }} W Bezug{% else %}{{ (w | abs) | round(0) }} W Einspeisung{% endif %}{% else %}--{%
            endif %}'
          icon: mdi:transmission-tower
          icon_color: '{% if states(''sensor.ecotracker_leistung'') | float(0) > 0 %}red{% else %}green{% endif %}'
          layout: vertical
          entity: sensor.ecotracker_leistung
          tap_action:
            action: more-info
        - type: custom:mushroom-template-card
          primary: Batterie
          secondary: '{% if has_value(''sensor.solaredge_gespeicherte_energie'') %}{% set kw = states(''sensor.solaredge_gespeicherte_energie'')
            | float(0) %}{% if kw > 0.01 %}{{ kw | round(2) }} kW Laden{% elif kw < -0.01 %}{{ (kw | abs) | round(2) }} kW Entladen{%
            else %}Standby{% endif %}{% else %}--{% endif %}'
          icon: '{% if has_value(''sensor.solaredge_gespeicherte_energie'') %}{% set kw = states(''sensor.solaredge_gespeicherte_energie'')
            | float(0) %}{% if kw > 0.01 %}mdi:battery-charging{% elif kw < -0.01 %}mdi:battery-arrow-down{% else %}mdi:battery{%
            endif %}{% else %}mdi:battery-off{% endif %}'
          icon_color: '{% if has_value(''sensor.solaredge_gespeicherte_energie'') %}{% set kw = states(''sensor.solaredge_gespeicherte_energie'')
            | float(0) %}{% if kw > 0.01 %}green{% elif kw < -0.01 %}orange{% else %}blue{% endif %}{% else %}grey{% endif %}'
          layout: vertical
          entity: sensor.solaredge_gespeicherte_energie
          tap_action:
            action: more-info
      - type: custom:bubble-card
        card_type: separator
        name: Tagesenergie
        icon: mdi:calendar-today
        styles: '.bubble-name { font-weight: normal !important; }'
      - type: grid
        columns: 3
        square: false
        cards:
        - type: custom:mushroom-template-card
          primary: PV
          secondary: '{% if has_value(''sensor.erzeugte_energie_tag_kwh'') %}{{ states(''sensor.erzeugte_energie_tag_kwh'') |
            float(0) | round(2) }} kWh{% else %}--{% endif %}'
          icon: mdi:solar-power
          icon_color: green
          layout: vertical
          entity: sensor.erzeugte_energie_tag_kwh
          tap_action:
            action: more-info
        - type: custom:mushroom-template-card
          primary: Import
          secondary: '{% if has_value(''sensor.solaredge_importierte_energie'') %}{{ (states(''sensor.solaredge_importierte_energie'')
            | float(0) / 1000) | round(2) }} kWh{% else %}--{% endif %}'
          icon: mdi:transmission-tower-import
          icon_color: red
          layout: vertical
          entity: sensor.solaredge_importierte_energie
          tap_action:
            action: more-info
        - type: custom:mushroom-template-card
          primary: Eigenverbr.
          secondary: '{% if has_value(''sensor.solaredge_selbst_verbrauchte_energie'') %}{{ (states(''sensor.solaredge_selbst_verbrauchte_energie'')
            | float(0) / 1000) | round(2) }} kWh{% else %}--{% endif %}'
          icon: mdi:home-lightning-bolt
          icon_color: amber
          layout: vertical
          entity: sensor.solaredge_selbst_verbrauchte_energie
          tap_action:
            action: more-info
      - type: custom:apexcharts-card
        graph_span: 6h
        header:
          show: true
          title: Leistung (6h)
          show_states: false
        apex_config:
          chart:
            height: 160
          stroke:
            curve: smooth
          grid:
            borderColor: rgba(255,255,255,0.1)
          legend:
            show: true
          yaxis:
          - decimalsInFloat: 1
            title:
              text: kW
        series:
        - entity: sensor.solaredge_solar_energie
          name: PV
          stroke_width: 2
          color: '#4CAF50'
          unit: ' kW'
        - entity: sensor.solaredge_stromverbrauch
          name: Verbrauch
          stroke_width: 2
          color: '#FF9800'
          unit: ' kW'
      - type: custom:bubble-card
        card_type: separator
        name: Bilanz
        icon: mdi:scale-balance
        styles: '.bubble-name { font-weight: normal !important; }'
      - type: custom:mushroom-template-card
        primary: Eigenverbrauchsquote
        secondary: '{% if has_value(''sensor.eigenverbrauchsquote'') %}{{ states(''sensor.eigenverbrauchsquote'') | float(0) |
          round(1) }} %{% else %}--{% endif %}'
        icon: mdi:percent
        icon_color: '{% set q = states(''sensor.eigenverbrauchsquote'') | float(0) %}{% if q > 60 %}green{% elif q > 30 %}orange{%
          else %}red{% endif %}'
        layout: horizontal
        entity: sensor.eigenverbrauchsquote
        tap_action:
          action: more-info
        card_mod:
          style: 'ha-card { background: rgba(76,175,80,0.1); border: 1px solid rgba(76,175,80,0.3); }'
    - title: ''
      type: grid
      cards:
      - type: heading
        heading: Strompreis & Kosten
        heading_style: title
        icon: mdi:currency-eur
      - type: grid
        columns: 2
        square: false
        cards:
        - type: custom:mushroom-template-card
          primary: Aktuell
          secondary: '{{ (states(''sensor.strom_strompreis'') | float(0) * 100) | round(1) }} ct/kWh'
          icon: mdi:currency-eur
          icon_color: '{% set ct = states(''sensor.strom_strompreis'') | float(0) * 100 %}{% if ct < 25 %}green{% elif ct < 35
            %}orange{% else %}red{% endif %}'
          layout: vertical
          entity: sensor.strom_strompreis
          tap_action:
            action: more-info
        - type: custom:mushroom-template-card
          primary: Ø Woche
          secondary: '{{ (states(''sensor.strompreis_o_woche'') | float(0) * 100) | round(1) }} ct/kWh'
          icon: mdi:calendar-week
          icon_color: '{% set ct = states(''sensor.strompreis_o_woche'') | float(0) * 100 %}{% if ct < 25 %}green{% elif ct <
            35 %}orange{% else %}red{% endif %}'
          layout: vertical
          entity: sensor.strompreis_o_woche
          tap_action:
            action: more-info
        - type: custom:mushroom-template-card
          primary: Ø Monat
          secondary: '{{ (states(''sensor.strompreis_o_monat'') | float(0) * 100) | round(1) }} ct/kWh'
          icon: mdi:calendar-month
          icon_color: '{% set ct = states(''sensor.strompreis_o_monat'') | float(0) * 100 %}{% if ct < 25 %}green{% elif ct <
            35 %}orange{% else %}red{% endif %}'
          layout: vertical
          entity: sensor.strompreis_o_monat
          tap_action:
            action: more-info
        - type: custom:mushroom-template-card
          primary: Ø Jahr
          secondary: '{{ (states(''sensor.strompreis_o_jahr'') | float(0) * 100) | round(1) }} ct/kWh'
          icon: mdi:calendar
          icon_color: '{% set ct = states(''sensor.strompreis_o_jahr'') | float(0) * 100 %}{% if ct < 25 %}green{% elif ct < 35
            %}orange{% else %}red{% endif %}'
          layout: vertical
          entity: sensor.strompreis_o_jahr
          tap_action:
            action: more-info
      - type: custom:bubble-card
        card_type: separator
        name: Preisverlauf
        icon: mdi:chart-line
        styles: '.bubble-name { font-weight: normal !important; }'
      - type: custom:apexcharts-card
        graph_span: 24h
        header:
          show: false
        apex_config:
          chart:
            height: 250
          stroke:
            curve: smooth
          tooltip:
            x:
              format: HH:mm
          grid:
            borderColor: rgba(255,255,255,0.1)
        series:
        - entity: sensor.strom_strompreis
          name: Strompreis
          stroke_width: 2
          color: '#4CAF50'
          unit: ' ct/kWh'
          transform: return parseFloat(x) * 100;
    - title: ''
      type: grid
      cards:
      - type: heading
        heading: Solaranlage
        heading_style: title
        icon: mdi:solar-panel-large
      - type: grid
        columns: 3
        square: false
        cards:
        - type: custom:mushroom-template-card
          primary: Heute
          secondary: '{{ (states(''sensor.solaredge_energie_heute'') | float(0) / 1000) | round(2) }} kWh'
          icon: mdi:solar-power
          icon_color: amber
          layout: vertical
          entity: sensor.solaredge_energie_heute
          tap_action:
            action: more-info
        - type: custom:mushroom-template-card
          primary: Monat
          secondary: '{{ (states(''sensor.solaredge_energie_in_diesem_monat'') | float(0) / 1000) | round(1) }} kWh'
          icon: mdi:solar-power
          icon_color: amber
          layout: vertical
          entity: sensor.solaredge_energie_in_diesem_monat
          tap_action:
            action: more-info
        - type: custom:mushroom-template-card
          primary: Gesamt
          secondary: '{{ (states(''sensor.solaredge_energie_wahrend_der_lebensdauer'') | float(0) / 1000000) | round(2) }} MWh'
          icon: mdi:solar-power
          icon_color: amber
          layout: vertical
          entity: sensor.solaredge_energie_wahrend_der_lebensdauer
          tap_action:
            action: more-info
      - type: custom:bubble-card
        card_type: separator
        name: Energiebilanz
        icon: mdi:swap-horizontal
        styles: '.bubble-name { font-weight: normal !important; }'
      - type: grid
        columns: 3
        square: false
        cards:
        - type: custom:mushroom-template-card
          primary: Importiert
          secondary: '{{ (states(''sensor.solaredge_importierte_energie'') | float(0) / 1000) | round(2) }} kWh'
          icon: mdi:transmission-tower-import
          icon_color: red
          layout: vertical
          entity: sensor.solaredge_importierte_energie
          tap_action:
            action: more-info
        - type: custom:mushroom-template-card
          primary: Exportiert
          secondary: '{{ (states(''sensor.solaredge_exportierte_energie'') | float(0) / 1000) | round(2) }} kWh'
          icon: mdi:transmission-tower-export
          icon_color: green
          layout: vertical
          entity: sensor.solaredge_exportierte_energie
          tap_action:
            action: more-info
        - type: custom:mushroom-template-card
          primary: Selbstverbraucht
          secondary: '{{ (states(''sensor.solaredge_selbst_verbrauchte_energie'') | float(0) / 1000) | round(2) }} kWh'
          icon: mdi:home-lightning-bolt
          icon_color: orange
          layout: vertical
          entity: sensor.solaredge_selbst_verbrauchte_energie
          tap_action:
            action: more-info
      - type: gauge
        entity: sensor.eigenverbrauchsquote
        name: Eigenverbrauchsquote
        min: 0
        max: 100
        needle: true
        unit: '%'
        severity:
          green: 50
          yellow: 25
          red: 0
      - type: custom:bubble-card
        card_type: separator
        name: Balkonkraftwerk
        icon: mdi:solar-panel
        styles: '.bubble-name { font-weight: normal !important; }'
      - type: grid
        columns: 3
        square: false
        cards:
        - type: custom:mushroom-template-card
          primary: Heute
          secondary: '{{ states(''sensor.pv_garagendach_energie_heute'') | float(0) | round(2) }} kWh'
          icon: mdi:solar-panel
          icon_color: teal
          layout: vertical
          entity: sensor.pv_garagendach_energie_heute
          tap_action:
            action: more-info
        - type: custom:mushroom-template-card
          primary: Monat
          secondary: '{{ states(''sensor.pv_garagendach_energie_monat'') | float(0) | round(1) }} kWh'
          icon: mdi:solar-panel
          icon_color: teal
          layout: vertical
          entity: sensor.pv_garagendach_energie_monat
          tap_action:
            action: more-info
        - type: custom:mushroom-template-card
          primary: Jahr
          secondary: '{{ states(''sensor.pv_garagendach_energie_jahr'') | float(0) | round(1) }} kWh'
          icon: mdi:solar-panel
          icon_color: teal
          layout: vertical
          entity: sensor.pv_garagendach_energie_jahr
          tap_action:
            action: more-info
      - type: custom:apexcharts-card
        graph_span: 6h
        header:
          show: false
        apex_config:
          chart:
            height: 160
          stroke:
            curve: smooth
          grid:
            borderColor: rgba(255,255,255,0.1)
          yaxis:
          - decimalsInFloat: 0
            title:
              text: Watt
        series:
        - entity: sensor.pv_garagendach_ac_leistung
          name: Garagendach
          type: area
          stroke_width: 2
          color: '#2196F3'
          opacity: 0.2
          unit: ' W'
    - title: ''
      type: grid
      cards:
      - type: heading
        heading: Aktueller Verbrauch
        heading_style: title
        icon: mdi:lightning-bolt
      - type: custom:mushroom-template-card
        entity: sensor.solaredge_stromverbrauch
        primary: Gesamtverbrauch
        secondary: '{% if has_value(''sensor.solaredge_stromverbrauch'') %}{{ states(''sensor.solaredge_stromverbrauch'') | float(0)
          | round(2) }} kW{% if has_value(''sensor.solaredge_solar_energie'') %} ({{ ((states(''sensor.solaredge_solar_energie'')
          | float(0)) / (states(''sensor.solaredge_stromverbrauch'') | float(0.001)) * 100) | round(0) }}% PV){% endif %}{% else
          %}--{% endif %}'
        icon: mdi:flash
        icon_color: orange
        layout: horizontal
        tap_action:
          action: more-info
        card_mod:
          style: 'ha-card { background: rgba(255,152,0,0.12); border: 1px solid rgba(255,152,0,0.3); font-weight: 500; }'
      - type: custom:bubble-card
        card_type: separator
        name: Einzelverbraucher
        icon: mdi:format-list-bulleted
        styles: '.bubble-name { font-weight: normal !important; }'
      - type: grid
        columns: 2
        square: false
        cards:
        - type: custom:mushroom-entity-card
          entity: sensor.nibe_wp_leistung_w
          name: Wärmepumpe
          icon: mdi:heat-pump
          card_mod:
            style: 'ha-card { {% if states(''sensor.nibe_wp_leistung_w'') | float(0) == 0 %}filter: grayscale(100%); opacity:
              0.5;{% endif %} }'
        - type: custom:mushroom-entity-card
          entity: sensor.tesla_wall_connector_gesamtleistung
          name: Wallbox
          icon: mdi:ev-station
          card_mod:
            style: 'ha-card { {% if states(''sensor.tesla_wall_connector_gesamtleistung'') | float(0) == 0 %}filter: grayscale(100%);
              opacity: 0.5;{% endif %} }'
        - type: custom:mushroom-entity-card
          entity: sensor.schreibtisch_leistung
          name: Schreibtisch
          icon: mdi:desk
          card_mod:
            style: 'ha-card { {% if states(''sensor.schreibtisch_leistung'') | float(0) == 0 %}filter: grayscale(100%); opacity:
              0.5;{% endif %} }'
        - type: custom:mushroom-entity-card
          entity: sensor.steckdose_waschmaschine_leistung
          name: Waschmaschine
          icon: mdi:washing-machine
          card_mod:
            style: 'ha-card { {% if states(''sensor.steckdose_waschmaschine_leistung'') | float(0) == 0 %}filter: grayscale(100%);
              opacity: 0.5;{% endif %} }'
        - type: custom:mushroom-entity-card
          entity: sensor.quooker_power
          name: Quooker
          icon: mdi:water-boiler
          card_mod:
            style: 'ha-card { {% if states(''sensor.quooker_power'') | float(0) == 0 %}filter: grayscale(100%); opacity: 0.5;{%
              endif %} }'
        - type: custom:mushroom-entity-card
          entity: sensor.steckdose_roborock_leistung
          name: Roborock
          icon: mdi:robot-vacuum
          card_mod:
            style: 'ha-card { {% if states(''sensor.steckdose_roborock_leistung'') | float(0) == 0 %}filter: grayscale(100%);
              opacity: 0.5;{% endif %} }'
        - type: custom:mushroom-entity-card
          entity: sensor.steckdose_switchbot_leistung
          name: SwitchBot Sauger
          icon: mdi:robot-vacuum-variant
          card_mod:
            style: 'ha-card { {% if states(''sensor.steckdose_switchbot_leistung'') | float(0) == 0 %}filter: grayscale(100%);
              opacity: 0.5;{% endif %} }'
        - type: custom:mushroom-entity-card
          entity: sensor.trockner_power
          name: Trockner
          icon: mdi:tumble-dryer
          card_mod:
            style: 'ha-card { {% if states(''sensor.trockner_power'') | float(0) == 0 %}filter: grayscale(100%); opacity: 0.5;{%
              endif %} }'
        - type: custom:mushroom-entity-card
          entity: sensor.spulmaschine_current_power
          name: Spülmaschine
          icon: mdi:dishwasher
          card_mod:
            style: 'ha-card { {% if states(''sensor.spulmaschine_current_power'') | float(0) == 0 %}filter: grayscale(100%); opacity:
              0.5;{% endif %} }'
        - type: custom:mushroom-entity-card
          entity: sensor.gefrierschrank_einschalter_device_power
          name: Gefrierschrank
          icon: mdi:fridge
          card_mod:
            style: 'ha-card { {% if states(''sensor.gefrierschrank_einschalter_device_power'') | float(0) == 0 %}filter: grayscale(100%);
              opacity: 0.5;{% endif %} }'
        - type: custom:mushroom-entity-card
          entity: sensor.sonos_boxen_power
          name: Sonos Boxen
          icon: mdi:speaker-multiple
          card_mod:
            style: 'ha-card { {% if states(''sensor.sonos_boxen_power'') | float(0) == 0 %}filter: grayscale(100%); opacity: 0.5;{%
              endif %} }'
        - type: custom:mushroom-entity-card
          entity: sensor.fernseher_leistung
          name: Fernseher
          icon: mdi:television
          card_mod:
            style: 'ha-card { {% if states(''sensor.fernseher_leistung'') | float(0) == 0 %}filter: grayscale(100%); opacity:
              0.5;{% endif %} }'
        - type: custom:mushroom-entity-card
          entity: sensor.steckdose_unifi_switch_leistung
          name: Unifi Switch
          icon: mdi:network
          card_mod:
            style: 'ha-card { {% if states(''sensor.steckdose_unifi_switch_leistung'') | float(0) == 0 %}filter: grayscale(100%);
              opacity: 0.5;{% endif %} }'
        - type: custom:mushroom-entity-card
          entity: sensor.steckdose_unifi_dream_machine_leistung
          name: Dream Machine
          icon: mdi:router-wireless
          card_mod:
            style: 'ha-card { {% if states(''sensor.steckdose_unifi_dream_machine_leistung'') | float(0) == 0 %}filter: grayscale(100%);
              opacity: 0.5;{% endif %} }'
        - type: custom:mushroom-entity-card
          entity: sensor.steckdose_nas_leistung
          name: NAS
          icon: mdi:nas
          card_mod:
            style: 'ha-card { {% if states(''sensor.steckdose_nas_leistung'') | float(0) == 0 %}filter: grayscale(100%); opacity:
              0.5;{% endif %} }'
        - type: custom:mushroom-entity-card
          entity: sensor.buro_power
          name: Büro
          icon: mdi:desktop-tower
          card_mod:
            style: 'ha-card { {% if states(''sensor.buro_power'') | float(0) == 0 %}filter: grayscale(100%); opacity: 0.5;{% endif
              %} }'
        - type: custom:mushroom-entity-card
          entity: sensor.biocat_leistung
          name: Biocat
          icon: mdi:water-plus
          card_mod:
            style: 'ha-card { {% if states(''sensor.biocat_leistung'') | float(0) == 0 %}filter: grayscale(100%); opacity: 0.5;{%
              endif %} }'
        - type: custom:mushroom-entity-card
          entity: sensor.steckdose_kamera_power
          name: Kamera
          icon: mdi:cctv
          card_mod:
            style: 'ha-card { {% if states(''sensor.steckdose_kamera_power'') | float(0) == 0 %}filter: grayscale(100%); opacity:
              0.5;{% endif %} }'
        - type: custom:mushroom-entity-card
          entity: sensor.stehlampe_power
          name: Stehlampe
          icon: mdi:floor-lamp
          card_mod:
            style: 'ha-card { {% if states(''sensor.stehlampe_power'') | float(0) == 0 %}filter: grayscale(100%); opacity: 0.5;{%
              endif %} }'
        - type: custom:mushroom-entity-card
          entity: sensor.nachtlicht_power
          name: Nachtlicht
          icon: mdi:lightbulb-night
          card_mod:
            style: 'ha-card { {% if states(''sensor.nachtlicht_power'') | float(0) == 0 %}filter: grayscale(100%); opacity: 0.5;{%
              endif %} }'
        - type: custom:mushroom-entity-card
          entity: sensor.smart_switch_23070795174515510d0548e1e9cffea6_power
          name: Highboard
          icon: mdi:television-classic
          card_mod:
            style: 'ha-card { {% if states(''sensor.smart_switch_23070795174515510d0548e1e9cffea6_power'') | float(0) == 0 %}filter:
              grayscale(100%); opacity: 0.5;{% endif %} }'
    - title: ''
      type: grid
      cards:
      - type: heading
        heading: Trends
        heading_style: title
        icon: mdi:chart-line
      - type: custom:apexcharts-card
        graph_span: 24h
        header:
          show: true
          title: Netzverbrauch (24h)
          show_states: false
        apex_config:
          chart:
            height: 200
          stroke:
            curve: smooth
          grid:
            borderColor: rgba(255,255,255,0.1)
          yaxis:
          - decimalsInFloat: 0
            title:
              text: Watt
          annotations:
            yaxis:
            - y: 0
              borderColor: '#999'
              strokeDashArray: 3
              label:
                text: Nulllinie
                style:
                  color: '#999'
                  background: transparent
        series:
        - entity: sensor.ecotracker_leistung
          name: Netz
          type: area
          stroke_width: 2
          color: '#FF5722'
          opacity: 0.15
          unit: ' W'
      - type: custom:apexcharts-card
        graph_span: 24h
        header:
          show: true
          title: PV vs Verbrauch (24h)
          show_states: false
        apex_config:
          chart:
            height: 200
          stroke:
            curve: smooth
          grid:
            borderColor: rgba(255,255,255,0.1)
          yaxis:
          - decimalsInFloat: 2
            title:
              text: kW
        series:
        - entity: sensor.solaredge_solar_energie
          name: Produktion
          type: area
          stroke_width: 2
          color: '#4CAF50'
          opacity: 0.15
        - entity: sensor.solaredge_stromverbrauch
          name: Verbrauch
          type: area
          stroke_width: 2
          color: '#FF9800'
          opacity: 0.1
      - type: custom:apexcharts-card
        graph_span: 6h
        header:
          show: true
          title: PV-Anlagen (6h)
          show_states: false
        apex_config:
          chart:
            height: 200
          stroke:
            curve: smooth
          grid:
            borderColor: rgba(255,255,255,0.1)
          yaxis:
          - decimalsInFloat: 0
            title:
              text: Watt
        series:
        - entity: sensor.solaredge_aktuelle_leistung
          name: SolarEdge
          type: area
          stroke_width: 2
          color: '#4CAF50'
          opacity: 0.15
          unit: ' W'
        - entity: sensor.pv_garagendach_ac_leistung
          name: Garagendach
          type: area
          stroke_width: 2
          color: '#2196F3'
          opacity: 0.15
          unit: ' W'
    - title: ''
      type: grid
      cards:
      - type: heading
        heading: Jahreskosten
        heading_style: title
        icon: mdi:cash-multiple
      - square: false
        type: grid
        columns: 3
        cards:
        - type: custom:mushroom-entity-card
          entity: sensor.nibe_warmepumpe_yearly_cost
          card_mod:
            style: 'ha-card { background: rgba(244,67,54,0.06); border-left: 3px solid rgba(244,67,54,0.5); }'
        - type: custom:mushroom-entity-card
          entity: sensor.tesla_wall_connector_yearly_cost
          card_mod:
            style: 'ha-card { background: rgba(244,67,54,0.06); border-left: 3px solid rgba(244,67,54,0.5); }'
        - type: custom:mushroom-entity-card
          entity: sensor.quooker_yearly_cost
          card_mod:
            style: 'ha-card { background: rgba(244,67,54,0.06); border-left: 3px solid rgba(244,67,54,0.5); }'
        - type: custom:mushroom-entity-card
          entity: sensor.schreibtisch_yearly_cost
        - type: custom:mushroom-entity-card
          entity: sensor.sonos_boxen_yearly_cost
        - type: custom:mushroom-entity-card
          entity: sensor.unifi_switch_yearly_cost
        - type: custom:mushroom-entity-card
          entity: sensor.dream_machine_yearly_cost
        - type: custom:mushroom-entity-card
          entity: sensor.nas_yearly_cost
        - type: custom:mushroom-entity-card
          entity: sensor.gefrierschrank_yearly_cost
        - type: custom:mushroom-entity-card
          entity: sensor.fernseher_yearly_cost
        - type: custom:mushroom-entity-card
          entity: sensor.proxmox_yearly_cost
        - type: custom:mushroom-entity-card
          entity: sensor.switchbot_saugroboter_yearly_cost
        - type: custom:mushroom-entity-card
          entity: sensor.biocat_yearly_cost
        - type: custom:mushroom-entity-card
          entity: sensor.spulmaschine_yearly_cost
        - type: custom:mushroom-entity-card
          entity: sensor.trockner_yearly_cost
        - type: custom:mushroom-entity-card
          entity: sensor.poe_ap_schlafzimmer_yearly_cost
        - type: custom:mushroom-entity-card
          entity: sensor.sonos_beam_schlafzimmer_yearly_cost
        - type: custom:mushroom-entity-card
          entity: sensor.sonos_arc_wohnzimmer_yearly_cost
        - type: custom:mushroom-entity-card
          entity: sensor.roborock_saugroboter_yearly_cost
        - type: custom:mushroom-entity-card
          entity: sensor.hintergrundbeleuchtung_yearly_cost
        - type: custom:mushroom-entity-card
          entity: sensor.kaffeevollautomat_yearly_cost
        - type: custom:mushroom-entity-card
          entity: sensor.poe_ap_obergeschoss_yearly_cost
        - type: custom:mushroom-entity-card
          entity: sensor.poe_ap_wohnzimmer_yearly_cost
        - type: custom:mushroom-entity-card
          entity: sensor.fernseher_schlafzimmer_yearly_cost
        - type: custom:mushroom-entity-card
          entity: sensor.nachtlicht_yearly_cost
        - type: custom:mushroom-entity-card
          entity: sensor.highboard_yearly_cost
        - type: custom:mushroom-entity-card
          entity: sensor.stehlampe_yearly_cost
        - type: custom:mushroom-entity-card
          entity: sensor.kamera_yearly_cost
        - type: custom:mushroom-entity-card
          entity: sensor.gartenstrom_yearly_cost
        - type: custom:mushroom-entity-card
          entity: sensor.poe_switch_buro_yearly_cost
        - type: custom:mushroom-entity-card
          entity: sensor.waschmaschine_yearly_cost
        card_mod:
          style: ':host { align-self: start !important; } ha-card { margin-bottom: 0 !important; }'
      - type: custom:bubble-card
        card_type: separator
        name: Gesamt
        icon: mdi:sigma
        styles: '.bubble-name { font-weight: normal !important; }'
      - type: custom:mushroom-template-card
        entity: sensor.total_yearly_energy_cost
        primary: Gesamtkosten Jahr
        secondary: '{% if has_value(''sensor.total_yearly_energy_cost'') %}{{ states(''sensor.total_yearly_energy_cost'') | float(0)
          | round(2) }} EUR{% else %}--{% endif %}'
        icon: mdi:cash-100
        icon_color: amber
        layout: horizontal
        tap_action:
          action: more-info
        card_mod:
          style: 'ha-card { background: rgba(255,193,7,0.12); border: 2px solid rgba(255,193,7,0.4); }'
    

    Aus meinem Home Assistant, Stand 15. März 2026.