Ü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); }'