Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Zeigt her eure Lovelace-Visualisierung

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Zeigt her eure Lovelace-Visualisierung

    This topic has been deleted. Only users with topic management privileges can see it.
    • T
      Tirador @dontobi last edited by

      @dontobi Hallo dontobi, danke für deine Beispiele. Könntest du einen Export deiner gesamten yaml Konfiguration bitte noch Posten.

      dontobi 1 Reply Last reply Reply Quote 0
      • dontobi
        dontobi @Tirador last edited by

        @Tirador Ist nachgetragen.

        1 Reply Last reply Reply Quote 1
        • ?
          A Former User @Tirador last edited by

          Hallo Leute,

          Auch wenn meine Visu längst noch nicht fertig ist, möchte ich euch einen Einblick geben was ich bis dato gebastelt habe. D.h. einiges ist noch nicht fertig und in "Testphase" bzw. fehlt der Feinschliff.
          Ggf. ist aber ja für den einen etwas dabei was er noch nicht kennt. Ich habe mich zahlreichen Forum Posts bedient & Zeilen kopiert, somit ist es sehr wahrscheinlich, dass das eine oder andere jemandem bekannt vor kommt ;).
          Ein Ziel von mir ist es mich auf 3 Spalten zu beschränken, da ich seit kurzem einen Echo Show 8 zur Visualisierung nutze. Habe die Wetterseite am Echo dzt. als Startseite im Firefox gespeichert. Wenn ich sage "Echo, öffne Firefox" hab ich dann die Visu vor mir und kann mich durchklicken.

          Abgesehen von den Standard cards nutze ich:

          • battery-entity-card
          • mini-media-player-card
          • mini-graph-card
          • button-card

          Folgend ein paar Screenshots:

          2021-01-10 20_39_13-Window.png 2021-01-10 20_38_59-Window.png 2021-01-10 20_32_48-Window.png 2021-01-10 20_32_37-Window.png 2021-01-10 20_32_12-Window.png 2021-01-10 20_31_41-Window.png 2021-01-10 20_31_29-Window.png 2021-01-10 20_31_16-Window.png 2021-01-10 20_31_00-Window.png 2021-01-10 20_30_49-Window.png 2021-01-10 20_30_41-Window.png 2021-01-10 20_30_29-Window.png 2021-01-10 20_29_50-Window.png

          folgend mein yaml code:

          title: Smarthome Control
          views:
            - title: Wetter
              path: wetter
              icon: 'hass:weather-partly-cloudy'
              badges: []
              cards:
                - type: horizontal-stack
                  cards:
                    - type: vertical-stack
                      cards:
                        - type: entities
                          entities:
                            - entity: sensor.Minimal_day_temperature
                              name: min. Temperatur
                              icon: 'hass:thermometer-low'
                            - entity: sensor.Maximal_day_temperature
                              name: max. Temperatur
                              icon: 'hass:thermometer-high'
                            - entity: sensor.rain
                              name: Niederschlag
                              icon: 'hass:water-outline'
                            - entity: sensor.snowline
                              icon: 'hass:snowflake'
                              name: Schneefallgrenze
                          show_header_toggle: false
                          title: Prognose
                        - type: entities
                          entities:
                            - entity: sensor.Wind_direction
                              name: Wind Richtung
                              icon: 'hass:compass-outline'
                            - entity: sensor.UV_Index
                              icon: 'hass:sine-wave'
                            - entity: sensor.Solar_radiation
                              icon: 'hass:weather-sunny'
                              name: Strahlung
                          state_color: false
                          show_header_toggle: false
                        - type: 'custom:mini-graph-card'
                          name: Luftdruck
                          entities:
                            - entity: sensor.Air_pressure__mbar__PKG
                              name: Pucking
                              color: blue
                            - entity: sensor.Air_pressure__mbar__wdg
                              name: Windischgarsten
                              color: green
                          hours_to_show: 72
                          hour24: true
                          decimals: 0
                          icon: 'hass:gauge'
                          unit: bar
                          show:
                            labels: true
                - type: 'custom:mini-graph-card'
                  name: Temperatur
                  entities:
                    - entity: sensor.Temperature_PKG
                      name: Pucking
                      color: blue
                    - entity: sensor.Temperature_wdg
                      name: Windischgarsten
                      color: green
                  hours_to_show: 72
                  points_per_hour: 1
                  hour24: true
                  decimals: 1
                  icon: 'hass:thermometer'
                  unit: °C
                  show:
                    labels: true
                - type: 'custom:mini-graph-card'
                  name: Windgeschwindigkeit
                  entities:
                    - entity: sensor.Wind_gust_PKG
                      name: Pucking
                      color: blue
                    - entity: sensor.Wind_gust_wdg
                      name: Windischgarsten
                      color: green
                  hours_to_show: 72
                  hour24: true
                  decimals: 1
                  icon: 'hass:weather-windy'
                  unit: km/h
                  show:
                    labels: true
                - type: 'custom:mini-graph-card'
                  entities:
                    - entity: sensor.Precipitation__today_
                      name: Pucking
                      color: blue
                    - entity: sensor.Precipitation__today__wdg
                      name: Windischgarsten
                      color: green
                  name: Niederschlag pro Tag
                  unit: mm
                  icon: 'hass:water-outline'
                  hours_to_show: 192
                  group_by: date
                  hour24: true
                  labels: true
                  update_interval: 60
                  smoothing: true
                  aggregate_func: max
                  show_line: true
                  show_points: true
                  show_legend: true
                  show:
                    graph: bar
                    labels: true
                - type: iframe
                  url: >-
                    https://embed.windy.com/embed2.html?lat=47.5&lon=14&zoom=5&level=surface&overlay=rain&menu=&message=&marker=&calendar=&pressure=&type=map&location=coordinates&detail=&detailLat=32.487&detailLon=--84.023&metricWind=default&metricTemp=default&radarRange=-1
                  aspect_ratio: 50%
                - type: 'custom:mini-graph-card'
                  name: relative Luftfeuchtigkeit
                  entities:
                    - entity: sensor.Relative_humidity_PKG
                      name: Pucking
                      color: blue
                    - entity: sensor.Relative_humidity_wdg
                      name: Windischgarsten
                      color: green
                  hours_to_show: 72
                  hour24: true
                  decimals: 0
                  icon: 'hass:water-percent'
                  unit: null
                  show:
                    labels: true
                - type: horizontal-stack
                  cards:
                    - type: iframe
                      url: 'http://unwetter.wetteralarm.at/images/map/oesterreich_preview.png'
                      aspect_ratio: 75%
                    - type: iframe
                      aspect_ratio: 75%
                      url: 'http://warnungen.zamg.at/warnwidget/de/heute/alle/at/'
            - title: Sicherheit
              path: sicherheit
              icon: 'hass:security'
              badges: []
              cards:
                - type: entities
                  entities:
                    - entity: binary_sensor.SZ_FK_N_Open
                      icon: 'hass:window-closed-variant'
                      secondary_info: last-changed
                      name: Schlafzimmer Nord
                    - entity: binary_sensor.SZ_FK_O_Open
                      icon: 'hass:window-closed-variant'
                      secondary_info: last-changed
                      name: Schlafzimmer Ost
                    - entity: binary_sensor.SR_L_Open
                      icon: 'hass:window-closed-variant'
                      secondary_info: last-changed
                      name: Schrankraum links
                    - entity: binary_sensor.SR_MR_Open
                      icon: 'hass:window-closed-variant'
                      secondary_info: last-changed
                      name: Schrankraum rechts
                    - entity: binary_sensor.B_FK_L_Open
                      icon: 'hass:window-closed-variant'
                      secondary_info: last-changed
                      name: Bad links
                    - entity: binary_sensor.B_FK_R_Open
                      icon: 'hass:window-closed-variant'
                      secondary_info: last-changed
                      name: Bad rechts
                    - entity: binary_sensor.EVA_FK_Open
                      icon: 'hass:window-closed-variant'
                      secondary_info: last-changed
                      name: Eva
                    - entity: binary_sensor.EVA_TK_Open
                      icon: 'hass:door'
                      secondary_info: last-changed
                      name: Eva
                    - entity: binary_sensor.EZ_TK_Open
                      icon: 'hass:door'
                      secondary_info: last-changed
                      name: Esszimmer
                    - entity: binary_sensor.WC_Open
                      icon: 'hass:window-closed-variant'
                      secondary_info: last-changed
                      name: WC
                    - entity: binary_sensor.WZ_TK_Open
                      icon: 'hass:door'
                      secondary_info: last-changed
                      name: Wohnzimmer
                  title: Erdgeschoss
                  state_color: true
                  show_header_toggle: false
                - type: horizontal-stack
                  cards:
                    - type: vertical-stack
                      cards:
                        - type: entities
                          entities:
                            - entity: binary_sensor.M_FK_L_Open
                              icon: 'hass:window-closed-variant'
                              secondary_info: last-changed
                              name: Matthias links
                            - entity: binary_sensor.M_FK_R_Open
                              icon: 'hass:window-closed-variant'
                              secondary_info: last-changed
                              name: Matthias rechts
                            - entity: binary_sensor.Balkon_Open
                              icon: 'hass:door'
                              secondary_info: last-changed
                              name: Balkon
                            - entity: binary_sensor.T_FK_W_L_Open
                              icon: 'hass:window-closed-variant'
                              secondary_info: last-changed
                              name: Toni West links
                            - entity: binary_sensor.T_FK_W_R_Open
                              icon: 'hass:window-closed-variant'
                              secondary_info: last-changed
                              name: Toni West rechts
                            - entity: binary_sensor.T_FK_N_Open
                              icon: 'hass:window-closed-variant'
                              secondary_info: last-changed
                              name: Toni Nord
                          title: Obergeschoss
                          state_color: true
                          show_header_toggle: false
                        - type: entities
                          entities:
                            - entity: binary_sensor.Keller_TKS_Open
                              icon: 'hass:door'
                              secondary_info: last-changed
                              name: Keller
                            - entity: binary_sensor.GH_TK_Open
                              icon: 'hass:door'
                              secondary_info: last-changed
                              name: Gartenhütte
                            - entity: binary_sensor.G_TK_Open
                              name: Garage
                              icon: 'hass:garage-variant'
                              secondary_info: last-changed
                          title: Garten / Keller
                          state_color: true
                          show_header_toggle: false
            - icon: 'mdi:transition-masked'
              title: Astro
              path: astro
              badges: []
              cards:
                - type: horizontal-stack
                  cards:
                    - type: vertical-stack
                      cards:
                        - type: entities
                          entities:
                            - entity: sensor.sun_raise
                              name: Aufgang
                              icon: 'hass:arrow-up-circle-outline'
                            - entity: sensor.sun_set
                              icon: 'hass:arrow-down-circle-outline'
                              name: Untergang
                            - entity: sensor.sun_mid
                              icon: 'hass:weather-sunny'
                              name: Höchststand
                          state_color: false
                          show_header_toggle: false
                          title: Sonne
                - type: horizontal-stack
                  cards:
                    - type: vertical-stack
                      cards:
                        - type: entities
                          entities:
                            - entity: sensor.moon_raise
                              icon: 'hass:arrow-up-circle-outline'
                              name: Aufgang
                            - entity: sensor.moon_set
                              icon: 'hass:arrow-down-circle-outline'
                              name: Untergang
                            - entity: sensor.moon_description
                              icon: 'hass:moon-waning-crescent'
                              name: Phase
                          show_header_toggle: false
                          title: Mond
                        - type: 'custom:mini-graph-card'
                          name: Ausleuchtung
                          entities:
                            - entity: sensor.moon_lumi
                              decimals: 0
                          hours_to_show: 720
                          color_thresholds:
                            - value: 40
                              color: grey
                            - value: 0
                              color: black
                            - value: 95
                              color: '#ffee00'
                          smoothing: true
                          group_by: date
                          icon: 'hass:moon-waning-crescent'
                          unit: '%'
                          show:
                            labels: true
                          hour24: true
            - title: Tankstellen
              path: tankstelle
              icon: 'hass:gas-station'
              badges: []
              cards:
                - type: vertical-stack
                  cards:
                    - type: glance
                      entities:
                        - entity: sensor.genol_wk_station_price
                          name: Lagerhaus
                          icon: 'hass:gas-station'
                        - entity: sensor.turm_all_station_price
                          name: Fazeni
                          icon: 'hass:gas-station'
                        - entity: sensor.iq_all_station_price
                          name: IQ Post
                          icon: 'hass:gas-station'
                      title: Dieselpreis Allhaming/Weißkirchen
                    - type: 'custom:mini-graph-card'
                      name: 2 Wochen Entwicklung
                      entities:
                        - entity: sensor.genol_wk_station_price
                          name: Lagerhaus
                          color: green
                        - entity: sensor.turm_all_station_price
                          name: Fazeni
                          color: orange
                        - entity: sensor.iq_all_station_price
                          name: IQ Post
                          color: yellow
                      hours_to_show: 336
                      hour24: true
                      decimals: 3
                      icon: 'hass:gas-station'
                      unit: €
                      show:
                        labels: true
                        extrema: true
                - type: vertical-stack
                  cards:
                    - type: glance
                      entities:
                        - entity: sensor.hofer_ansfelden_station_price
                          name: Hofer
                          icon: 'hass:gas-station'
                        - entity: sensor.jet_ansfelden_nord_station_price
                          name: Jet Nord
                          icon: 'hass:gas-station'
                        - entity: sensor.jet_ansfelden_sued_station_price
                          name: Jet Süd
                          icon: 'hass:gas-station'
                      title: Dieselpreis Ansfelden
                    - type: 'custom:mini-graph-card'
                      name: 2 Wochen Entwicklung
                      entities:
                        - entity: sensor.hofer_ansfelden_station_price
                          name: Hofer
                          color: orange
                        - entity: sensor.jet_ansfelden_nord_station_price
                          name: Jet Nord
                          color: red
                        - entity: sensor.jet_ansfelden_sued_station_price
                          name: Jet Süd
                          color: blue
                      hours_to_show: 336
                      hour24: true
                      decimals: 3
                      icon: 'hass:gas-station'
                      unit: €
                      show:
                        labels: true
                        extrema: true
                - type: vertical-stack
                  cards:
                    - type: glance
                      entities:
                        - entity: sensor.avanti_mt_station_price
                          name: Avanti Marchtrenk
                          icon: 'hass:gas-station'
                        - entity: sensor.hofer_traun_station_price
                          name: Hofer Traun
                          icon: 'hass:gas-station'
                      title: Dieselpreis Marchtrenk/Traun
                    - type: 'custom:mini-graph-card'
                      name: 2 Wochen Entwicklung
                      entities:
                        - entity: sensor.avanti_mt_station_price
                          name: Avanti Marchtrenk
                          color: yellow
                        - entity: sensor.hofer_traun_station_price
                          name: Hofer Traun
                          color: orange
                      hours_to_show: 336
                      hour24: true
                      decimals: 3
                      icon: 'hass:gas-station'
                      unit: €
                      show:
                        labels: true
                        extrema: true
            - icon: 'hass:shield-lock'
              title: Alarmanlage
              path: alarmanlage
              badges: []
              cards:
                - type: alarm-panel
                  states:
                    - arm_home
                    - arm_away
                  entity: alarm_control_panel.defaultAlarm
                  name: Alarmanlage
                - type: button
                  tap_action:
                    action: none
                  entity: binary_sensor.Alive_Kamera_Einfahrt
                  icon_height: 50px
                  show_state: false
                  icon: 'hass:cctv'
                  name: Kamera Einfahrt
                  hold_action:
                    action: none
                - type: button
                  tap_action:
                    action: toggle
                  entity: light.On_garderobe
                  icon_height: 50px
                  show_state: false
                  icon: 'hass:cctv'
                  name: Kamera Garderobe
                  hold_action:
                    action: none
            - title: Musik
              path: musik
              icon: 'hass:music'
              badges: []
              cards:
                - type: vertical-stack
                  cards:
                    - type: vertical-stack
                      title: Denon Wohnzimmer
                      cards:
                        - type: horizontal-stack
                          cards:
                            - type: vertical-stack
                              cards:
                                - type: button
                                  tap_action:
                                    action: toggle
                                  entity: switch.Main_Zone_Power_State
                                  icon: 'hass:power'
                                  show_name: false
                                  icon_height: 120px
                            - type: vertical-stack
                              cards:
                                - type: button
                                  entity: input_select.Select_input
                                  show_state: false
                                  icon_height: 50px
                                  tap_action:
                                    action: more-info
                                  hold_action:
                                    action: none
                                  name: Eingang
                                  icon: 'hass:import'
                                  show_name: false
                                - type: button
                                  entity: input_select.Surround_mode
                                  show_state: false
                                  icon_height: 50px
                                  tap_action:
                                    action: more-info
                                  hold_action:
                                    action: none
                                  show_icon: true
                                  name: Surround Modus
                                  show_name: false
                                  icon: 'hass:surround-sound'
                            - type: gauge
                              entity: sensor.Main_Volume
                              min: 0
                              max: 100
                              severity:
                                green: 0
                                yellow: 65
                                red: 70
                              unit: '%'
                              name: ' '
                        - type: horizontal-stack
                          cards:
                            - type: button
                              tap_action:
                                action: toggle
                              entity: switch.Previous
                              icon: 'hass:skip-previous'
                              show_name: false
                              state_color: false
                              icon_height: 60px
                            - type: button
                              tap_action:
                                action: toggle
                              entity: switch.Play_Pause
                              icon: 'hass:play-pause'
                              show_name: false
                              state_color: false
                            - type: button
                              tap_action:
                                action: toggle
                              entity: switch.Next
                              icon: 'hass:skip-next'
                              show_name: false
                              state_color: false
                            - type: button
                              tap_action:
                                action: toggle
                              entity: switch.Volume_Down
                              icon: 'hass:volume-minus'
                              show_name: false
                              state_color: false
                            - type: button
                              tap_action:
                                action: toggle
                              entity: switch.Muted
                              icon: 'hass:volume-mute'
                              show_name: false
                              state_color: false
                            - type: button
                              tap_action:
                                action: toggle
                              entity: switch.Volume_Up
                              icon: 'hass:volume-plus'
                              show_name: false
                              state_color: false
                    - type: vertical-stack
                      title: Zone 2 - Küche
                      cards:
                        - type: horizontal-stack
                          cards:
                            - type: vertical-stack
                              cards:
                                - type: button
                                  tap_action:
                                    action: toggle
                                  entity: switch.Zone_2_Power_State
                                  icon: 'hass:power'
                                  show_name: false
                                  icon_height: 120px
                                  name: Küche
                            - type: vertical-stack
                              cards:
                                - type: button
                                  entity: input_select.Zone_2_Select_input
                                  show_state: false
                                  icon_height: 120px
                                  tap_action:
                                    action: more-info
                                  hold_action:
                                    action: none
                                  name: Eingang
                                  icon: 'hass:import'
                                  show_name: false
                            - type: gauge
                              entity: sensor.Zone_2_Volume
                              min: 0
                              max: 100
                              severity:
                                green: 0
                                yellow: 65
                                red: 70
                              unit: '%'
                              name: ' '
                        - type: horizontal-stack
                          cards:
                            - type: button
                              tap_action:
                                action: toggle
                              entity: switch.Zone_2_Volume_Down
                              icon: 'hass:volume-minus'
                              show_name: false
                              state_color: false
                              icon_height: 55px
                            - type: button
                              tap_action:
                                action: toggle
                              entity: switch.Zone_2_Muted
                              icon: 'hass:volume-mute'
                              show_name: false
                              state_color: false
                              icon_height: 55px
                            - type: button
                              tap_action:
                                action: toggle
                              entity: switch.Zone_2_Volume_Up
                              icon: 'hass:volume-plus'
                              show_name: false
                              state_color: false
                              icon_height: 55px
                - type: 'custom:mini-media-player'
                  entity: media_player.Echo_Keller
                  artwork: full-cover
                  hide:
                    icon: true
                    power_state: true
                - type: 'custom:mini-media-player'
                  entity: media_player.Echo_Dot
                  artwork: full-cover
                  info: scroll
                  hide:
                    icon: true
            - icon: 'hass:home-automation'
              title: Unifi
              path: unifi
              badges: []
              cards:
                - type: 'custom:mini-graph-card'
                  name: Internetgeschwindigkeit
                  entities:
                    - entity: sensor.Download
                      name: Download
                      color: green
                    - entity: sensor.Upload
                      name: Upload
                      color: red
                  hours_to_show: 24
                  hour24: true
                  decimals: 1
                  icon: 'hass:speedometer'
                  unit: null
                  show:
                    labels: true
                    extrema: true
                - type: 'custom:mini-graph-card'
                  entities:
                    - entity: sensor.Speedtest_ping
                      name: Ping
                      color: blue
                  hour24: true
                  hours_to_show: 24
                  labels: true
                  update_interval: 60
                  smoothing: true
                  aggregate_func: max
                  show_line: true
                  show_points: true
                  show_legend: true
                  decimals: 0
                  icon: 'hass:clock-time-two-outline'
                  show:
                    labels: true
                    extrema: true
                    graph: line
                - type: entities
                  entities:
                    - entity: binary_sensor.Alive_Unifi_Security_Gateway
                      name: Security Gateway
                      icon: 'hass:security-network'
                    - entity: binary_sensor.Alive_Unifi_16Port_Switch
                      name: 16 Port Switch
                      icon: 'hass:switch'
                    - entity: binary_sensor.Alive_Unifi_AP_Wohnzimmer
                      name: Accesspoint Wohnzimmer
                      icon: 'hass:access-point'
                    - entity: binary_sensor.Alive_Unifi_AP_Keller
                      name: Accesspoint Kellerabgang
                      icon: 'hass:access-point'
                    - entity: binary_sensor.Alive_Unifi_AP_Eva
                      name: Accesspoint Eva Zimmer
                      icon: 'hass:access-point'
                  state_color: true
                  show_header_toggle: false
                  title: Unifi
                - type: horizontal-stack
                  title: Zugangsdaten für Gäste WLAN
                  cards:
                    - type: vertical-stack
                      cards:
                        - type: markdown
                          content: |
                            WLAN: **Name**
                            PWD:  **Passwort**
                        - type: button
                          tap_action:
                            action: toggle
                          entity: binary_sensor.Enabled
                          icon_height: 50px
                          show_state: true
                          icon: 'hass:wifi'
                          hold_action:
                            action: none
                          show_name: false
                          name: Status
                        - type: entities
                          entities:
                            - entity: sensor.Number_of_guests
                              name: Gäste Online
                              icon: 'hass:account-outline'
                          show_header_toggle: true
                          state_color: true
                    - type: markdown
                      content: |
                        ![Image](http://192.168.1.63:8091/cards/QRGastWLAN.jpg)
            - icon: 'hass:alpha-e-circle'
              title: Eva
              path: eva
              badges: []
              cards:
                - type: 'custom:mini-graph-card'
                  name: Temperatur
                  entities:
                    - entity: sensor.Eva_MS_Temperature
                      name: Eva
                  color_thresholds:
                    - value: 18
                      color: '#41b6e6'
                    - value: 19
                      color: '#ffad60'
                    - value: 20
                      color: '#8bc24c'
                    - value: 22
                      color: '#8bc24c'
                    - value: 23
                      color: '#ffad60'
                    - value: 24
                      color: '#d9534f'
                  hours_to_show: 48
                  points_per_hour: 6
                  hour24: true
                  decimals: 1
                  icon: 'hass:thermometer'
                  unit: °C
                  show:
                    labels: true
                    extrema: true
                - type: 'custom:mini-graph-card'
                  name: relative Luftfeuchtigkeit
                  entities:
                    - entity: sensor.Eva_MS_Relative_humidity
                      name: Eva
                  color_thresholds:
                    - value: 35
                      color: '#d9534f'
                    - value: 39
                      color: '#ffad60'
                    - value: 40
                      color: '#8bc24c'
                    - value: 58
                      color: '#8bc24c'
                    - value: 60
                      color: '#ffad60'
                    - value: 65
                      color: '#d9534f'
                  hours_to_show: 48
                  points_per_hour: 6
                  hour24: true
                  decimals: 1
                  icon: 'hass:water-percent'
                  unit: null
                  show:
                    labels: true
                    extrema: true
                - type: entities
                  entities:
                    - entity: binary_sensor.EVA_FK_Open
                      icon: 'hass:window-closed-variant'
                      secondary_info: last-changed
                      name: Eva
                    - entity: binary_sensor.EVA_TK_Open
                      icon: 'hass:door'
                      secondary_info: last-changed
                      name: Eva
                  title: Fenster- & Türkontakte
                  state_color: true
                  show_header_toggle: false
                - type: button
                  tap_action:
                    action: more-info
                  entity: binary_sensor.Is_online_handy_eva
                  icon_height: 50px
                  show_state: true
                  icon: 'hass:account-outline'
                  hold_action:
                    action: none
                  name: Eva
                - type: entities
                  entities:
                    - entity: light.scriptEnabled_Aussentemp_Eva
                      icon: 'hass:thermometer'
                      name: Außentemperatur - Fenster
                  state_color: true
                  title: Skripte
            - title: Matthias
              path: matthias
              icon: 'hass:alpha-m-circle'
              badges: []
              cards:
                - type: 'custom:mini-graph-card'
                  name: Temperatur
                  entities:
                    - entity: sensor.Matt_MS_Temperature
                      name: Matthias
                  color_thresholds:
                    - value: 18
                      color: '#41b6e6'
                    - value: 19
                      color: '#ffad60'
                    - value: 20
                      color: '#8bc24c'
                    - value: 22
                      color: '#8bc24c'
                    - value: 23
                      color: '#ffad60'
                    - value: 24
                      color: '#d9534f'
                  hours_to_show: 48
                  points_per_hour: 6
                  hour24: true
                  decimals: 1
                  icon: 'hass:thermometer'
                  unit: °C
                  show:
                    labels: true
                    extrema: true
                - type: 'custom:mini-graph-card'
                  name: relative Luftfeuchtigkeit
                  entities:
                    - entity: sensor.Matt_MS_Relative_humidity
                      name: Matthias
                  color_thresholds:
                    - value: 35
                      color: '#d9534f'
                    - value: 39
                      color: '#ffad60'
                    - value: 40
                      color: '#8bc24c'
                    - value: 58
                      color: '#8bc24c'
                    - value: 60
                      color: '#ffad60'
                    - value: 65
                      color: '#d9534f'
                  hours_to_show: 48
                  points_per_hour: 6
                  hour24: true
                  decimals: 1
                  icon: 'hass:water-percent'
                  unit: null
                  show:
                    labels: true
                    extrema: true
                - type: horizontal-stack
                  cards:
                    - type: vertical-stack
                      cards:
                        - type: entities
                          entities:
                            - entity: binary_sensor.M_FK_L_Open
                              icon: 'hass:window-closed-variant'
                              secondary_info: last-changed
                              name: Matthias links
                            - entity: binary_sensor.M_FK_R_Open
                              icon: 'hass:window-closed-variant'
                              secondary_info: last-changed
                              name: Matthias rechts
                          title: Fensterkontakte
                          state_color: true
                          show_header_toggle: false
                - type: entities
                  entities:
                    - entity: binary_sensor.Is_online_handy_matthias
                      icon: 'hass:account-outline'
                      name: Handy Online
                      secondary_info: last-changed
                  state_color: true
                - type: entities
                  entities:
                    - entity: light.scriptEnabled_Aussentemp_Matthias
                      icon: 'hass:thermometer'
                      name: Außentemperatur - Fenster
                  state_color: true
                  title: Skripte
            - icon: 'hass:alpha-t-circle'
              title: Toni
              path: toni
              badges: []
              cards:
                - type: 'custom:mini-graph-card'
                  name: Temperatur
                  entities:
                    - entity: sensor.Toni_MS_Temperature
                      name: Toni
                  color_thresholds:
                    - value: 18
                      color: '#41b6e6'
                    - value: 19
                      color: '#ffad60'
                    - value: 20
                      color: '#8bc24c'
                    - value: 22
                      color: '#8bc24c'
                    - value: 23
                      color: '#ffad60'
                    - value: 24
                      color: '#d9534f'
                  hours_to_show: 48
                  points_per_hour: 6
                  hour24: true
                  decimals: 1
                  icon: 'hass:thermometer'
                  unit: °C
                  show:
                    labels: true
                    extrema: true
                - type: 'custom:mini-graph-card'
                  name: relative Luftfeuchtigkeit
                  entities:
                    - entity: sensor.Toni_MS_Relative_humidity
                      name: Luftfeuchtigkeit
                  color_thresholds:
                    - value: 35
                      color: '#d9534f'
                    - value: 39
                      color: '#ffad60'
                    - value: 40
                      color: '#8bc24c'
                    - value: 58
                      color: '#8bc24c'
                    - value: 60
                      color: '#ffad60'
                    - value: 65
                      color: '#d9534f'
                  hours_to_show: 48
                  points_per_hour: 6
                  hour24: true
                  decimals: 1
                  icon: 'hass:water-percent'
                  unit: null
                  show:
                    labels: true
                    extrema: true
                - type: horizontal-stack
                  cards:
                    - type: vertical-stack
                      cards:
                        - type: entities
                          entities:
                            - entity: binary_sensor.T_FK_W_L_Open
                              icon: 'hass:window-closed-variant'
                              secondary_info: last-changed
                              name: Toni West links
                            - entity: binary_sensor.T_FK_W_R_Open
                              icon: 'hass:window-closed-variant'
                              secondary_info: last-changed
                              name: Toni West rechts
                            - entity: binary_sensor.T_FK_N_Open
                              icon: 'hass:window-closed-variant'
                              secondary_info: last-changed
                              name: Toni Nord
                          title: Fensterkontakte
                          state_color: true
                          show_header_toggle: false
                - type: button
                  tap_action:
                    action: more-info
                  entity: binary_sensor.Is_online_handy_toni
                  icon_height: 50px
                  show_state: true
                  icon: 'hass:account-outline'
                  hold_action:
                    action: none
                  name: Toni
                - type: entities
                  entities:
                    - entity: light.scriptEnabled_Aussentemp_Toni
                      icon: 'hass:thermometer'
                      name: Außentemperatur - Fenster
                  state_color: true
                  title: Skripte
            - icon: 'hass:food-variant'
              title: Esszimmer
              path: esszimmer
              badges: []
              cards:
                - type: 'custom:mini-graph-card'
                  name: Temperatur
                  entities:
                    - entity: sensor.EZ_MS_Temperature
                      name: Esszimmer Temperatur
                  color_thresholds:
                    - value: 18
                      color: '#41b6e6'
                    - value: 19
                      color: '#ffad60'
                    - value: 21
                      color: '#8bc24c'
                    - value: 23
                      color: '#8bc24c'
                    - value: 24
                      color: '#ffad60'
                    - value: 25
                      color: '#d9534f'
                  hours_to_show: 48
                  points_per_hour: 6
                  hour24: true
                  decimals: 1
                  icon: 'hass:thermometer'
                  unit: °C
                  show:
                    labels: true
                    extrema: true
                - type: 'custom:mini-graph-card'
                  name: relative Luftfeuchtigkeit
                  entities:
                    - entity: sensor.EZ_MS_Relative_humidity
                      name: Esszimmer Luftfeuchtigkeit
                  color_thresholds:
                    - value: 35
                      color: '#d9534f'
                    - value: 39
                      color: '#ffad60'
                    - value: 40
                      color: '#8bc24c'
                    - value: 58
                      color: '#8bc24c'
                    - value: 60
                      color: '#ffad60'
                    - value: 65
                      color: '#d9534f'
                  hours_to_show: 48
                  points_per_hour: 6
                  hour24: true
                  decimals: 1
                  icon: 'hass:water-percent'
                  unit: null
                  show:
                    labels: true
                    extrema: true
                - type: entities
                  entities:
                    - entity: binary_sensor.EZ_TK_Open
                      icon: 'hass:door'
                      secondary_info: last-changed
                      name: Esszimmer
                    - entity: binary_sensor.WZ_TK_Open
                      icon: 'hass:door'
                      secondary_info: last-changed
                      name: Wohnzimmer
                  title: Fensterkontakte
                  state_color: true
                  show_header_toggle: false
                - type: 'custom:stack-in-card'
                  mode: vertical
                  cards:
                    - type: horizontal-stack
                      cards:
                        - type: markdown
                          content: |-
                            Connected: {mihome-vacuum.0.info.connection}
                            Akkustand: {mihome-vacuum.0.info.battery}%
                            Total: {mihome-vacuum.0.history.total_area}m²
                            Reinigungen: {mihome-vacuum.0.history.total_cleanups}
                        - type: 'custom:button-card'
                          color_type: null
                          color: grey
                          icon: 'mdi:robot-vacuum'
                          name: Susi
                          styles:
                            card:
                              - width: 150px
                              - height: 100%
                        - type: markdown
                          content: |-
                            Filter: {mihome-vacuum.0.consumable.filter}% 
                            Sensoren: {mihome-vacuum.0.consumable.sensors}% 
                            Hauptbürste: {mihome-vacuum.0.consumable.main_brush}% 
                            Seitenbürste: {mihome-vacuum.0.consumable.side_brush}%
                    - type: horizontal-stack
                      cards:
                        - type: 'custom:button-card'
                          icon: 'mdi:play'
                          color: var(--accent-color)
                          tap_action:
                            action: call-service
                            service: switch.turn_on
                            service_data:
                              entity_id: switch.control_start
                        - type: 'custom:button-card'
                          icon: 'mdi:pause'
                          color: var(--accent-color)
                          tap_action:
                            action: call-service
                            service: switch.turn_on
                            service_data:
                              entity_id: switch.control_pause
                        - type: button
                        - type: 'custom:button-card'
                          icon: 'mdi:home'
                          color: var(--accent-color)
                          tap_action:
                            action: call-service
                            service: switch.turn_on
                            service_data:
                              entity_id: switch.control_home
                        - type: 'custom:button-card'
                          icon: 'mdi:crosshairs-gps'
                          color: var(--accent-color)
                          tap_action:
                            action: call-service
                            service: switch.turn_on
                            service_data:
                              entity_id: switch.control_find
            - icon: 'hass:shower'
              title: Bad
              path: bad
              badges: []
              cards:
                - type: 'custom:mini-graph-card'
                  name: Temperatur
                  entities:
                    - entity: sensor.Bad_MS_Temperature
                      name: Badezimmer Temperatur
                  color_thresholds:
                    - value: 21
                      color: '#41b6e6'
                    - value: 22
                      color: '#ffad60'
                    - value: 22.5
                      color: '#8bc24c'
                    - value: 23.5
                      color: '#8bc24c'
                    - value: 24
                      color: '#ffad60'
                    - value: 25
                      color: '#d9534f'
                  hours_to_show: 48
                  points_per_hour: 6
                  hour24: true
                  decimals: 1
                  icon: 'hass:thermometer'
                  unit: °C
                  show:
                    labels: true
                    extrema: true
                - type: 'custom:mini-graph-card'
                  name: relative Luftfeuchtigkeit
                  entities:
                    - entity: sensor.Bad_MS_Relative_humidity
                      name: Badezimmer Luftfeuchtigkeit
                  color_thresholds:
                    - value: 35
                      color: '#d9534f'
                    - value: 39
                      color: '#ffad60'
                    - value: 40
                      color: '#8bc24c'
                    - value: 65
                      color: '#8bc24c'
                    - value: 66
                      color: '#ffad60'
                    - value: 70
                      color: '#d9534f'
                  hours_to_show: 48
                  points_per_hour: 6
                  hour24: true
                  decimals: 1
                  icon: 'hass:water-percent'
                  unit: null
                  show:
                    labels: true
                    extrema: true
                - type: entities
                  entities:
                    - entity: binary_sensor.B_FK_L_Open
                      icon: 'hass:window-closed-variant'
                      secondary_info: last-changed
                      name: Bad links
                    - entity: binary_sensor.B_FK_R_Open
                      icon: 'hass:window-closed-variant'
                      secondary_info: last-changed
                      name: Bad rechts
                    - entity: binary_sensor.WC_Open
                      icon: 'hass:window-closed-variant'
                      secondary_info: last-changed
                      name: WC
                  title: Fensterkontakte
                  state_color: true
                  show_header_toggle: false
                - type: entities
                  entities:
                    - entity: light.scriptEnabled_Aussentemp_Bad
                      icon: 'hass:thermometer'
                      name: Außentemperatur - Fenster Bad
                    - entity: light.scriptEnabled_Aussentemp_WCFenster
                      icon: 'hass:thermometer'
                      name: Außentemperatur - Fenster WC
                  state_color: true
                  title: Skripte
            - icon: 'hass:bed'
              title: Schlafzimmer
              path: schlafzimmer
              badges: []
              cards:
                - type: 'custom:mini-graph-card'
                  name: Temperatur
                  entities:
                    - entity: sensor.SZ_MS_Temperature
                      name: Schlafzimmer
                  color_thresholds:
                    - value: 15
                      color: '#41b6e6'
                    - value: 16
                      color: '#ffad60'
                    - value: 17
                      color: '#8bc24c'
                    - value: 18
                      color: '#8bc24c'
                    - value: 20
                      color: '#ffad60'
                    - value: 21
                      color: '#d9534f'
                  hours_to_show: 48
                  points_per_hour: 6
                  hour24: true
                  decimals: 1
                  icon: 'hass:thermometer'
                  unit: °C
                  show:
                    labels: true
                    extrema: true
                - type: 'custom:mini-graph-card'
                  name: relative Luftfeuchtigkeit
                  entities:
                    - entity: sensor.SZ_MS_Relative_humidity
                      name: Schlafzimmer
                  color_thresholds:
                    - value: 35
                      color: '#d9534f'
                    - value: 39
                      color: '#ffad60'
                    - value: 40
                      color: '#8bc24c'
                    - value: 58
                      color: '#8bc24c'
                    - value: 60
                      color: '#ffad60'
                    - value: 65
                      color: '#d9534f'
                  hours_to_show: 48
                  points_per_hour: 6
                  hour24: true
                  decimals: 1
                  icon: 'hass:water-percent'
                  unit: null
                  show:
                    labels: true
                    extrema: true
                - type: entities
                  entities:
                    - entity: binary_sensor.SZ_FK_N_Open
                      icon: 'hass:window-closed-variant'
                      secondary_info: last-changed
                      name: Schlafzimmer Nord
                    - entity: binary_sensor.SZ_FK_O_Open
                      icon: 'hass:window-closed-variant'
                      secondary_info: last-changed
                      name: Schlafzimmer Ost
                    - entity: binary_sensor.SR_L_Open
                      icon: 'hass:window-closed-variant'
                      secondary_info: last-changed
                      name: Schrankraum links
                    - entity: binary_sensor.SR_MR_Open
                      icon: 'hass:window-closed-variant'
                      secondary_info: last-changed
                      name: Schrankraum rechts
                  title: Fensterkontakte
                  state_color: true
                  show_header_toggle: false
                - type: entities
                  entities:
                    - entity: light.scriptEnabled_Aussentemp_Schlafzimmer
                      icon: 'hass:thermometer'
                      name: Außentemperatur - Fenster SZ
                    - entity: light.scriptEnabled_Aussentemp_Schrankraum
                      name: Außentemperatur - Fenster SR
                      icon: 'hass:thermometer'
                  state_color: true
                  title: Skripte
            - icon: 'hass:home-floor-negative-1'
              title: Keller
              path: keller
              badges: []
              cards:
                - type: 'custom:mini-graph-card'
                  name: Temperatur
                  entities:
                    - entity: sensor.K_MS_Temperature
                      name: Keller Temperatur
                  color_thresholds:
                    - value: 8
                      color: '#41b6e6'
                    - value: 9
                      color: '#ffad60'
                    - value: 10
                      color: '#8bc24c'
                    - value: 15
                      color: '#8bc24c'
                    - value: 16
                      color: '#ffad60'
                    - value: 17
                      color: '#d9534f'
                  hours_to_show: 48
                  points_per_hour: 6
                  hour24: true
                  decimals: 1
                  icon: 'hass:thermometer'
                  unit: °C
                  show:
                    labels: true
                    extrema: true
                - type: 'custom:mini-graph-card'
                  name: relative Luftfeuchtigkeit
                  entities:
                    - entity: sensor.K_MS_Relative_humidity
                      name: Keller Luftfeuchtigkeit
                  color_thresholds:
                    - value: 48
                      color: '#d9534f'
                    - value: 49
                      color: '#ffad60'
                    - value: 50
                      color: '#8bc24c'
                    - value: 65
                      color: '#8bc24c'
                    - value: 66
                      color: '#ffad60'
                    - value: 67
                      color: '#d9534f'
                  hours_to_show: 48
                  points_per_hour: 6
                  hour24: true
                  decimals: 1
                  icon: 'hass:water-percent'
                  unit: null
                  show:
                    labels: true
                    extrema: true
                - type: entities
                  entities:
                    - entity: binary_sensor.Keller_TKS_Open
                      icon: 'hass:door'
                      secondary_info: last-changed
                      name: Keller
                    - entity: binary_sensor.GH_TK_Open
                      icon: 'hass:door'
                      secondary_info: last-changed
                      name: Gartenhütte
                    - entity: binary_sensor.G_TK_Open
                      name: Garage
                      icon: 'hass:garage-variant'
                      secondary_info: last-changed
                  title: Türkontakte
                  state_color: true
                  show_header_toggle: false
                - type: 'custom:mini-graph-card'
                  name: Stromaufnahme Waschmaschine
                  entities:
                    - entity: sensor.WM_Strom
                      name: Stromaufnahme
                      color: var(--accent-color)
                  hours_to_show: 12
                  hour24: true
                  decimals: 0
                  points_per_hour: 20
                  smoothing: true
                  icon: 'hass:lightning-bolt'
                  unit: mA
                  show:
                    labels: true
                - type: 'custom:mini-graph-card'
                  name: Stromaufnahme Wäschetrockner
                  entities:
                    - entity: sensor.WT_Current
                      name: Stromaufnahme
                      color: var(--accent-color)
                  hours_to_show: 12
                  hour24: true
                  decimals: 0
                  points_per_hour: 20
                  smoothing: true
                  icon: 'hass:lightning-bolt'
                  unit: mA
                  show:
                    labels: true
                - type: entities
                  entities:
                    - entity: binary_sensor.GWP_WS_Water_detected
                      icon: 'hass:water'
                      name: Grundwasserpumpe
                    - entity: binary_sensor.PP_WS_Water_detected
                      icon: 'hass:water'
                      name: Poolpumpe
                    - entity: binary_sensor.HR_WS_Water_detected
                      icon: 'hass:water'
                      name: Heizraum
                    - entity: binary_sensor.WR_WS_Water_detected
                      icon: 'hass:water'
                      name: Waschraum
                  title: Wasser Leckage
                  state_color: true
                  show_header_toggle: false
                - type: horizontal-stack
                  title: Waschmaschine
                  cards:
                    - type: button
                      tap_action:
                        action: toggle
                      entity: binary_sensor.Waschmaschine_aktiv
                      show_state: false
                      name: aktiv
                    - type: button
                      tap_action:
                        action: none
                      entity: binary_sensor.Waschmaschine_Status_fertig
                      name: fertig
                      show_state: false
                      show_name: true
                - type: horizontal-stack
                  title: Wäschetrockner
                  cards:
                    - type: button
                      tap_action:
                        action: toggle
                      entity: binary_sensor.Waeschetrockner_aktiv
                      show_state: false
                      name: aktiv
                    - type: button
                      tap_action:
                        action: none
                      entity: binary_sensor.Waeschetrockner_Status_fertig
                      name: fertig
                      show_state: false
                      show_name: true
            - icon: 'hass:iobroker'
              title: IObroker
              path: iobroker
              badges: []
              cards:
                - type: entities
                  entities:
                    - entity: binary_sensor.Last_iobroker_backup_Success
                      name: letztes iobroker Backup erfolgreich
                      icon: 'hass:cloud-upload'
                    - entity: sensor.Last_iobroker_backup
                      name: letztes Backup
                      icon: 'hass:calendar-range'
                    - entity: binary_sensor.Indicator_if_new_adapter_updates_are_available
                      name: Updates verfügbar
                    - entity: sensor.Number_of_adapters_to_update
                      name: Anzahl Updates
                      icon: 'hass:update'
                    - entity: sensor.List_of_adapters_to_update
                      name: Adapter
                      icon: 'hass:update'
                  show_header_toggle: false
                  state_color: true
                  title: Iobroker
                - type: 'custom:mini-graph-card'
                  name: Raspberry Pi CPU Temperatur
                  entities:
                    - entity: sensor.rpi2_0_temperature_soc_temp
                      color: green
                      name: Raspberry Pi CPU Temperatur
                  hours_to_show: 48
                  hour24: true
                  decimals: 0
                  icon: 'hass:thermometer'
                  unit: °C
                  show:
                    labels: true
                    extrema: true
                  color_thresholds:
                    - value: 50
                      color: orange
                    - value: 65
                      color: red
            - icon: 'hass:server'
              title: server
              path: server
              badges: []
              cards:
                - type: horizontal-stack
                  cards:
                    - type: gauge
                      entity: sensor.Cpu_load
                      min: 0
                      max: 100
                      severity:
                        green: 0
                        yellow: 70
                        red: 85
                      name: CPU
                    - type: gauge
                      min: 0
                      max: 100
                      severity:
                        green: 0
                        yellow: 70
                        red: 85
                      entity: sensor.Memory_usage
                      name: Ram
                - type: horizontal-stack
                  cards:
                    - type: vertical-stack
                      cards:
                        - type: gauge
                          entity: sensor.Used
                          min: 0
                          max: 100
                          severity:
                            green: 0
                            yellow: 70
                            red: 85
                          name: ' Volume 1'
                        - type: button
                          tap_action:
                            action: none
                          entity: sensor.DiskStationManager_vol_info_volume_1_status
                          icon: 'mdi:list-status'
                          show_state: true
                          name: Volume 1
                          hold_action:
                            action: none
                          show_name: false
                          show_icon: false
                          icon_height: 50px
                    - type: vertical-stack
                      cards:
                        - type: gauge
                          entity: sensor.Used_volume2
                          min: 0
                          max: 100
                          severity:
                            green: 0
                            yellow: 70
                            red: 85
                          name: ' Volume 2'
                        - type: button
                          tap_action:
                            action: none
                          entity: sensor.DiskStationManager_vol_info_volume_2_status
                          icon: 'mdi:list-status'
                          show_state: true
                          name: Volume 2
                          hold_action:
                            action: none
                          show_name: false
                          show_icon: false
                - type: 'custom:mini-graph-card'
                  name: Server CPU Auslastung
                  entities:
                    - entity: sensor.Cpu_load
                      color: green
                  hour24: true
                  decimals: 0
                  icon: 'hass:cpu-64-bit'
                  unit: null
                  show:
                    labels: true
                    extrema: true
                - type: 'custom:mini-graph-card'
                  name: Server Ram Auslastung
                  entities:
                    - entity: sensor.Memory_usage
                      color: green
                  hours_to_show: 48
                  hour24: true
                  decimals: 0
                  icon: 'hass:memory'
                  unit: null
                  show:
                    labels: true
                    extrema: true
                - type: button
                  tap_action:
                    action: more-info
                  entity: sensor.DiskStationManager_info_temperature_warn
                  icon_height: 50px
                  show_state: true
                  icon: 'hass:thermometer-alert'
                  name: Temperaturwarnung
                  hold_action:
                    action: none
            - icon: 'hass:network'
              title: Netzwerk
              path: netzwerk
              panel: false
              badges: []
              cards:
                - type: entities
                  entities:
                    - entity: binary_sensor.Alive_Stefan_Handy
                      name: Stefan
                      icon: 'hass:cellphone-android'
                      secondary_info: last-changed
                    - entity: binary_sensor.Alive_Julia_Handy
                      name: Julia
                      icon: 'hass:cellphone-android'
                      secondary_info: last-changed
                    - entity: binary_sensor.Alive_Galaxy_A5_2017_localdomain
                      name: Matthias
                      icon: 'hass:cellphone-android'
                      secondary_info: last-changed
                    - entity: binary_sensor.Alive_Galaxy_J7_localdomain
                      name: Toni
                      icon: 'hass:cellphone-android'
                      secondary_info: last-changed
                    - entity: binary_sensor.Alive_Greti_Handy
                      name: Karl
                      icon: 'hass:cellphone-android'
                      secondary_info: last-changed
                    - entity: binary_sensor.Alive_Greti_Galaxy_J7_localdomain
                      name: Greti
                      icon: 'hass:cellphone-android'
                      secondary_info: last-changed
                  state_color: true
                  show_header_toggle: false
                  title: Handys
                - type: entities
                  entities:
                    - entity: binary_sensor.Alive_Synology_DS918
                      name: Synology DS918
                      icon: 'hass:server'
                      secondary_info: last-changed
                    - entity: binary_sensor.Alive_Kamera_Einfahrt
                      name: Überwachungskamera
                      icon: 'hass:cctv'
                      secondary_info: last-changed
                    - entity: binary_sensor.Alive_Samsung_Drucker_Karl
                      name: Samsung Drucker OG
                      icon: 'hass:printer'
                      secondary_info: last-changed
                  state_color: true
                  show_header_toggle: false
                  title: Netzwerk
                - type: entities
                  entities:
                    - entity: binary_sensor.Alive_Galaxy_Tab_S5e
                      name: Galaxy Tab 5se
                      icon: 'hass:tablet'
                      secondary_info: last-changed
                    - entity: binary_sensor.Alive_Denon_AVR_X2400H
                      name: Denon AVR X2400H
                      icon: 'hass:amplifier'
                      secondary_info: last-changed
                    - entity: binary_sensor.Alive_ESP_07B3D4_localdomain
                      name: Wetterstation
                      icon: 'hass:card-bulleted-outline'
                      secondary_info: last-changed
                    - entity: binary_sensor.Alive_Samsung_TV_Wohnzimmer
                      name: Samsung TV
                      icon: 'hass:television'
                      secondary_info: last-changed
                  state_color: true
                  show_header_toggle: false
                  title: Geräte
            - title: Batterie Status
              path: batterie_status
              icon: 'hass:battery-charging-medium'
              badges: []
              cards:
                - type: entities
                  title: Bewegungsmelder
                  entities:
                    - type: 'custom:battery-entity'
                      entity: sensor.EZ_BM_Battery_state_in_percent
                      name: Esszimmer
                    - type: 'custom:battery-entity'
                      entity: sensor.VR_BM_Battery_state_in_percent
                      name: Vorraum
                - type: entities
                  title: Multisensoren
                  entities:
                    - type: 'custom:battery-entity'
                      entity: sensor.EZ_MS_Battery_state_in_percent
                      name: Esszimmer
                    - type: 'custom:battery-entity'
                      entity: sensor.G_MS_Battery_state_in_percent
                      name: Haustüre
                    - type: 'custom:battery-entity'
                      entity: sensor.K_MS_Battery_state_in_percent
                      name: Keller
                - type: entities
                  title: Fenster-/ Türkontakte
                  entities:
                    - type: 'custom:battery-entity'
                      entity: sensor.B_FK_R_Battery_state_in_percent
                      name: Bad Fenster rechts
                    - type: 'custom:battery-entity'
                      entity: sensor.EVA_FK_Battery_state_in_percent
                      name: Eva Fenster
                    - type: 'custom:battery-entity'
                      entity: sensor.EVA_TK_Battery_state_in_percent
                      name: Eva Tür
                    - type: 'custom:battery-entity'
                      entity: sensor.EZ_TK_Battery_state_in_percent
                      name: Esszimmer Tür
                    - type: 'custom:battery-entity'
                      entity: sensor.GH_TK_Battery_state_in_percent
                      name: Gartenhütte Tür
                    - type: 'custom:battery-entity'
                      entity: sensor.Keller_TKS_Battery_state_in_percent
                      name: Keller Tür
                    - type: 'custom:battery-entity'
                      entity: sensor.SZ_FK_N_Battery_state_in_percent
                      name: Schlafzimmer Fenster Nord
                    - type: 'custom:battery-entity'
                      entity: sensor.WC_Battery_state_in_percent
                      name: WC Fenster
                    - type: 'custom:battery-entity'
                      entity: sensor.WZ_TK_Battery_state_in_percent
                      name: Wohnzimmer Tür
                    - type: 'custom:battery-entity'
                      entity: sensor.G_TK_Battery_state_in_percent
                      name: Garagentor
                - type: entities
                  title: Wasserleckage
                  entities:
                    - type: 'custom:battery-entity'
                      entity: sensor.GWP_WS_Battery_state_in_percent
                      name: Grundwasserpumpe
                    - type: 'custom:battery-entity'
                      entity: sensor.PP_WS_Battery_state_in_percent
                      name: Poolpompe
            - path: default_view
              title: Home
              icon: 'hass:home-assistant'
              badges: []
              cards: []
            - title: Skripte
              path: skripte
              icon: 'hass:application-cog'
              badges: []
              cards:
                - type: entities
                  entities:
                    - entity: light.scriptEnabled_Aussentemp_Bad
                      icon: 'hass:shower'
                      name: Bad
                    - entity: light.scriptEnabled_Aussentemp_Eva
                      icon: 'hass:alpha-e-circle'
                      name: Eva
                    - entity: light.scriptEnabled_Aussentemp_Matthias
                      icon: 'hass:alpha-m-circle'
                      name: Matthias
                    - entity: light.scriptEnabled_Aussentemp_Schlafzimmer
                      icon: 'hass:bed'
                      name: Schlafzimmer
                    - entity: light.scriptEnabled_Aussentemp_Schrankraum
                      icon: 'hass:file-cabinet'
                      name: Schrankraum
                    - entity: light.scriptEnabled_Aussentemp_Toni
                      icon: 'hass:alpha-t-circle'
                      name: Toni
                    - entity: light.scriptEnabled_Aussentemp_WCFenster
                      icon: 'hass:toilet'
                      name: WC
                  state_color: true
                  title: Fenster -Außentemperatur Skripte
            - title: Kalender
              path: kalender
              icon: 'hass:calendar-clock'
              panel: false
              badges: []
              cards:
                - type: iframe
                  url: >-
                    https://calendar.google.com/calendar/embed?src=xxx%40gmail.com&ctz=Europe%2FVienna"
                    style="border: 0" width="800" height="600" frameborder="0"
                    scrolling="no">
                  aspect_ratio: 100%
                  title: Familienkalender
            - icon: 'hass:chart-line'
              title: Messdaten
              path: messdaten
              badges: []
              cards:
                - type: history-graph
                  entities:
                    - entity: sensor.EZ_MS_Temperature
                      name: Esszimmer
                    - entity: sensor.K_MS_Temperature
                      name: Keller
                    - entity: sensor.Temperature
                      name: Außen Wetterstation
                  hours_to_show: 72
                  refresh_interval: 0
                  title: Temperatur
                - type: 'custom:mini-graph-card'
                  name: Temperatur Entwicklung
                  entities:
                    - entity: sensor.Temperature
                      name: Außen Wetterstation
                      color: blue
                    - entity: sensor.EZ_MS_Temperature
                      name: Esszimmer
                      color: green
                  hours_to_show: 72
                  hour24: true
                  decimals: 0
                  icon: 'hass:thermometer'
                  unit: °C
                  show:
                    labels: true
                    extrema: true
                - type: history-graph
                  entities:
                    - entity: sensor.EZ_MS_Relative_humidity
                      name: Esszimmer
                    - entity: sensor.K_MS_Relative_humidity
                      name: Keller
                    - entity: sensor.Relative_humidity
                      name: Außen Wetterstation
                  hours_to_show: 72
                  refresh_interval: 0
                  title: relative Luftfeuchtigkeit
                - type: 'custom:mini-graph-card'
                  name: relative Luftfeuchtigkeit
                  entities:
                    - entity: sensor.Relative_humidity
                      name: Außen Wetterstation
                      color: blue
                    - entity: sensor.EZ_MS_Relative_humidity
                      name: Esszimmer
                      color: green
                    - entity: sensor.K_MS_Relative_humidity
                      name: Keller
                      color: red
                  hours_to_show: 72
                  hour24: true
                  decimals: 0
                  icon: 'hass:water-percent'
                  unit: null
                  show:
                    labels: true
                    extrema: true
                - type: entities
                  entities:
                    - entity: sensor.EZ_MS_Temperature
                      name: Esszimmer
                    - entity: sensor.K_MS_Temperature
                      name: Keller
                    - entity: sensor.Temperature
                      name: Wetterstation
                  show_header_toggle: false
                - type: entities
                  entities:
                    - entity: sensor.EZ_MS_Relative_humidity
                      icon: 'hass:water-percent'
                      name: Esszimmer
                    - entity: sensor.K_MS_Relative_humidity
                      icon: 'hass:water-percent'
                      name: Keller
                    - entity: sensor.Relative_humidity
                      icon: 'hass:water-percent'
                      name: Wetterstation
                    - entity: sensor.Air_pressure__mbar_
                    - entity: sensor.Wind_gust
                  show_header_toggle: false
                - type: 'custom:mini-graph-card'
                  name: Temperatur
                  entities:
                    - entity: sensor.Matt_MS_Temperature
                      name: Matthias
                      color: blue
                    - entity: sensor.Toni_MS_Temperature
                      name: Toni
                      color: green
                    - entity: sensor.Eva_MS_Temperature
                      name: Eva
                      color: pink
                    - entity: sensor.SZ_MS_Temperature
                      name: Schlafzimmer
                      color: red
                    - entity: sensor.EZ_MS_Temperature
                      name: Esszimmer
                      color: yellow
                    - entity: sensor.K_MS_Temperature
                      name: Keller
                      color: grey
                  hours_to_show: 48
                  points_per_hour: 6
                  hour24: true
                  decimals: 1
                  icon: 'hass:thermometer'
                  unit: °C
                  show:
                    labels: true
                    extrema: true
                - type: 'custom:mini-graph-card'
                  name: relative Luftfeuchtigkeit
                  entities:
                    - entity: sensor.Matt_MS_Relative_humidity
                      name: Matthias
                      color: blue
                    - entity: sensor.Toni_MS_Relative_humidity
                      name: Toni
                      color: green
                    - entity: sensor.Eva_MS_Relative_humidity
                      name: Eva
                      color: pink
                    - entity: sensor.SZ_MS_Relative_humidity
                      name: Schlafzimmer
                      color: red
                    - entity: sensor.EZ_MS_Relative_humidity
                      name: Esszimmer
                      color: yellow
                    - entity: sensor.K_MS_Relative_humidity
                      name: Keller
                      color: grey
                  hours_to_show: 48
                  points_per_hour: 6
                  hour24: true
                  decimals: 1
                  icon: 'hass:water-percent'
                  unit: null
                  show:
                    labels: true
                    extrema: true
            - icon: 'hass:home-account'
              title: User Online
              path: user-online
              badges: []
              cards:
                - type: button
                  tap_action:
                    action: more-info
                  entity: binary_sensor.Alive_Stefan_Handy
                  icon_height: 50px
                  show_state: false
                  icon: 'hass:account-outline'
                  name: Stefan
                  hold_action:
                    action: none
                - type: button
                  tap_action:
                    action: more-info
                  entity: binary_sensor.Alive_Stefan_Handy
                  icon_height: 50px
                  show_state: false
                  icon: 'hass:account-outline'
                  name: Stefan
                  hold_action:
                    action: none
                - type: button
                  tap_action:
                    action: more-info
                  entity: binary_sensor.Waschmaschine_Status_fertig
                  icon_height: 50px
                  show_state: false
                  icon: 'hass:washing-machine'
                  name: Waschmaschine
                  hold_action:
                    action: none
                - type: button
                  tap_action:
                    action: more-info
                  entity: binary_sensor.Waeschetrockner_Status_fertig
                  icon_height: 50px
                  show_state: false
                  icon: 'hass:tumble-dryer'
                  name: Wäschetrockner aktiv
                  hold_action:
                    action: none
            - title: Test
              path: test
              badges: []
              cards:
                - type: history-graph
                  entities:
                    - entity: sensor.WM_Strom
                      name: Waschmaschine
                    - entity: sensor.WT_Current
                      name: Wäschetrockner
                  refresh_interval: 0
                  title: Stromaufnahme
                  hours_to_show: 6
                - type: iframe
                  url: 'https://kachelmannwetter.com/widget/rectangle/2768265'
                  aspect_ratio: 60%
                - type: media-control
                  entity: media_player.Echo_Keller
                - type: media-control
                  entity: media_player.Denon_AVR_X2400H__HEOS_Player_
                - type: media-control
                  entity: media_player.UEberall
                - type: iframe
                  url: >-
                    https://api.wetteronline.de/wetterwidget?gid=w1010&modeid=FC3&seourl=pucking&locationname=Pucking&lang=de
                  aspect_ratio: 78%
                - type: weather-forecast
                  entity: weather.Pucking__Oberoesterreich_OEsterreich_
                  show_forecast: true
                  name: Pucking
                - type: 'custom:mini-graph-card'
                  entities:
                    - sensor.Temperature
                  name: Außentemperatur
                  unit: °C
                  hours_to_show: 72
                  points_per_hour: 6
                  hour24: true
                  labels: true
                  update_interval: 60
                  smoothing: true
                  aggregate_func: max
                  show_line: true
                  show_points: true
                  show_legend: true
                  line_color: blue
                  show:
                    graph: line
                    labels: true
                  color_thresholds:
                    - value: 30
                      color: green
                    - value: 38
                      color: '#00f0b8'
                    - value: 40
                      color: '#34c6eb'
                    - value: 42
                      color: orange
                    - value: 44
                      color: red
                    - value: 46
                      color: '#d335db'
                - type: 'custom:mini-graph-card'
                  entities:
                    - sensor.Precipitation__today_
                  name: Niederschlag pro Tag
                  unit: mm
                  icon: 'hass:water'
                  hours_to_show: 192
                  group_by: date
                  hour24: true
                  labels: true
                  update_interval: 60
                  smoothing: false
                  aggregate_func: max
                  show_line: true
                  show_points: true
                  show_legend: true
                  line_color: '#0080ff'
                  show:
                    graph: line
                    labels: true
                - type: 'custom:mini-media-player'
                  entity: media_player.UEberall
                  artwork: full-cover
                  info: scroll
                  hide:
                    icon: true
                - type: 'custom:mini-media-player'
                  entity: media_player.Echo_Show
                  artwork: full-cover
                  info: scroll
                  hide:
                    icon: true
                - type: entities
                  entities:
                    - entity: binary_sensor.Waschmaschine_Status_fertig
                      name: Waschmaschine
                  state_color: true
            - title: Archiv
              path: archiv
              badges: []
              cards:
                - type: entities
                  entities:
                    - entity: binary_sensor.M_FK_L_Open
                      icon: 'hass:window-closed-variant'
                      secondary_info: last-changed
                      name: Matthias links
                    - entity: binary_sensor.M_FK_R_Open
                      icon: 'hass:window-closed-variant'
                      secondary_info: last-changed
                      name: Matthias rechts
                    - entity: binary_sensor.Balkon_Open
                      icon: 'hass:door'
                      secondary_info: last-changed
                      name: Balkon
                    - entity: binary_sensor.T_FK_W_L_Open
                      icon: 'hass:window-closed-variant'
                      secondary_info: last-changed
                      name: Toni West links
                    - entity: binary_sensor.T_FK_W_R_Open
                      icon: 'hass:window-closed-variant'
                      secondary_info: last-changed
                      name: Toni West rechts
                    - entity: binary_sensor.T_FK_N_Open
                      icon: 'hass:window-closed-variant'
                      secondary_info: last-changed
                      name: Toni Nord
                  title: Obergeschoss
                  state_color: true
                  show_header_toggle: false
                - type: entities
                  entities:
                    - entity: binary_sensor.SZ_FK_N_Open
                      icon: 'hass:window-closed-variant'
                      secondary_info: last-changed
                      name: Schlafzimmer Nord
                    - entity: binary_sensor.SZ_FK_O_Open
                      icon: 'hass:window-closed-variant'
                      secondary_info: last-changed
                      name: Schlafzimmer Ost
                    - entity: binary_sensor.SR_L_Open
                      icon: 'hass:window-closed-variant'
                      secondary_info: last-changed
                      name: Schrankraum links
                    - entity: binary_sensor.SR_MR_Open
                      icon: 'hass:window-closed-variant'
                      secondary_info: last-changed
                      name: Schrankraum rechts
                    - entity: binary_sensor.B_FK_L_Open
                      icon: 'hass:window-closed-variant'
                      secondary_info: last-changed
                      name: Bad links
                    - entity: binary_sensor.B_FK_R_Open
                      icon: 'hass:window-closed-variant'
                      secondary_info: last-changed
                      name: Bad rechts
                    - entity: binary_sensor.EVA_FK_Open
                      icon: 'hass:window-closed-variant'
                      secondary_info: last-changed
                      name: Eva
                    - entity: binary_sensor.EVA_TK_Open
                      icon: 'hass:door'
                      secondary_info: last-changed
                      name: Eva
                    - entity: binary_sensor.EZ_TK_Open
                      icon: 'hass:door'
                      secondary_info: last-changed
                      name: Esszimmer
                    - entity: binary_sensor.WC_Open
                      icon: 'hass:window-closed-variant'
                      secondary_info: last-changed
                      name: WC
                    - entity: binary_sensor.WZ_TK_Open
                      icon: 'hass:door'
                      secondary_info: last-changed
                      name: Wohnzimmer
                  title: Erdgeschoss
                  state_color: true
                  show_header_toggle: false
                - type: entities
                  entities:
                    - entity: binary_sensor.Keller_TKS_Open
                      icon: 'hass:door'
                      secondary_info: last-changed
                      name: Keller
                    - entity: binary_sensor.GH_TK_Open
                      icon: 'hass:door'
                      secondary_info: last-changed
                      name: Gartenhütte
                    - entity: binary_sensor.G_TK_Open
                      name: Garage
                      icon: 'hass:garage-variant'
                      secondary_info: last-changed
                  title: Garten / Keller
                  state_color: true
                  show_header_toggle: false
                - type: vertical-stack
                  title: Denon Küche
                  cards:
                    - type: horizontal-stack
                      cards:
                        - type: vertical-stack
                          cards:
                            - type: button
                              tap_action:
                                action: toggle
                              entity: switch.Zone_2_Power_State
                              icon: 'hass:power'
                              show_name: false
                              icon_height: 120px
                              name: Küche
                        - type: vertical-stack
                          cards:
                            - type: button
                              entity: input_select.Zone_2_Select_input
                              show_state: false
                              icon_height: 120px
                              tap_action:
                                action: more-info
                              hold_action:
                                action: none
                              name: Eingang
                              icon: 'hass:import'
                              show_name: false
                        - type: gauge
                          entity: sensor.Zone_2_Volume
                          min: 0
                          max: 100
                          severity:
                            green: 0
                            yellow: 65
                            red: 70
                          unit: '%'
                          name: ' '
                    - type: horizontal-stack
                      cards:
                        - type: button
                          tap_action:
                            action: toggle
                          entity: switch.Zone_2_Volume_Down
                          icon: 'hass:volume-minus'
                          show_name: false
                          state_color: false
                          icon_height: 55px
                        - type: button
                          tap_action:
                            action: toggle
                          entity: switch.Zone_2_Muted
                          icon: 'hass:volume-mute'
                          show_name: false
                          state_color: false
                          icon_height: 55px
                        - type: button
                          tap_action:
                            action: toggle
                          entity: switch.Zone_2_Volume_Up
                          icon: 'hass:volume-plus'
                          show_name: false
                          state_color: false
                          icon_height: 55px
                - type: vertical-stack
                  title: Denon Wohnzimmer
                  cards:
                    - type: horizontal-stack
                      cards:
                        - type: vertical-stack
                          cards:
                            - type: button
                              tap_action:
                                action: toggle
                              entity: switch.Main_Zone_Power_State
                              icon: 'hass:power'
                              show_name: false
                              icon_height: 120px
                        - type: vertical-stack
                          cards:
                            - type: button
                              entity: input_select.Select_input
                              show_state: false
                              icon_height: 50px
                              tap_action:
                                action: more-info
                              hold_action:
                                action: none
                              name: Eingang
                              icon: 'hass:import'
                              show_name: false
                            - type: button
                              entity: input_select.Surround_mode
                              show_state: false
                              icon_height: 50px
                              tap_action:
                                action: more-info
                              hold_action:
                                action: none
                              show_icon: true
                              name: Surround Modus
                              show_name: false
                              icon: 'hass:surround-sound'
                        - type: gauge
                          entity: sensor.Main_Volume
                          min: 0
                          max: 100
                          severity:
                            green: 0
                            yellow: 65
                            red: 70
                          unit: '%'
                          name: ' '
                    - type: horizontal-stack
                      cards:
                        - type: button
                          tap_action:
                            action: toggle
                          entity: switch.Previous
                          icon: 'hass:skip-previous'
                          show_name: false
                          state_color: false
                          icon_height: 60px
                        - type: button
                          tap_action:
                            action: toggle
                          entity: switch.Play_Pause
                          icon: 'hass:play-pause'
                          show_name: false
                          state_color: false
                        - type: button
                          tap_action:
                            action: toggle
                          entity: switch.Next
                          icon: 'hass:skip-next'
                          show_name: false
                          state_color: false
                        - type: button
                          tap_action:
                            action: toggle
                          entity: switch.Volume_Down
                          icon: 'hass:volume-minus'
                          show_name: false
                          state_color: false
                        - type: button
                          tap_action:
                            action: toggle
                          entity: switch.Muted
                          icon: 'hass:volume-mute'
                          show_name: false
                          state_color: false
                        - type: button
                          tap_action:
                            action: toggle
                          entity: switch.Volume_Up
                          icon: 'hass:volume-plus'
                          show_name: false
                          state_color: false
                - type: horizontal-stack
                  cards:
                    - type: vertical-stack
                      cards:
                        - type: entities
                          entities:
                            - entity: sensor.Minimal_day_temperature
                              name: min. Temperatur
                              icon: 'hass:thermometer-low'
                            - entity: sensor.Maximal_day_temperature
                              name: max. Temperatur
                              icon: 'hass:thermometer-high'
                            - entity: sensor.rain
                              name: Niederschlag
                              icon: 'hass:water-outline'
                            - entity: sensor.snowline
                              icon: 'hass:snowflake'
                              name: Schneefallgrenze
                          show_header_toggle: false
                          title: Prognose
                        - type: entities
                          entities:
                            - entity: sensor.Wind_direction
                              name: Wind Richtung
                              icon: 'hass:compass-outline'
                            - entity: sensor.UV_Index
                              icon: 'hass:sine-wave'
                            - entity: sensor.Solar_radiation
                              icon: 'hass:weather-sunny'
                              name: Strahlung
                          state_color: false
                          show_header_toggle: false
                          title: Aktuell
                - type: vertical-stack
                  cards:
                    - type: horizontal-stack
                      cards:
                        - type: entities
                          entities:
                            - entity: sensor.Temperature
                              name: Aktuell
                            - entity: sensor.Minimal_day_temperature
                              name: min. Prognose
                              icon: 'hass:thermometer-low'
                            - entity: sensor.Maximal_day_temperature
                              name: max. Prognose
                              icon: 'hass:thermometer-high'
                          state_color: false
                          show_header_toggle: false
                          title: Außentemperatur
                        - type: entities
                          entities:
                            - entity: sensor.Precipitation__today_
                              icon: 'hass:water-outline'
                              name: Aktuell
                            - entity: sensor.rain
                              name: Prognose
                              icon: 'hass:water-outline'
                            - entity: sensor.snowline
                              icon: 'hass:snowflake'
                              name: Prognose
                          show_header_toggle: false
                          title: Niederschlag
                - type: vertical-stack
                  cards:
                    - type: horizontal-stack
                      cards:
                        - type: entities
                          entities:
                            - entity: sensor.UV_Index
                              icon: 'hass:sine-wave'
                            - entity: sensor.Solar_radiation
                              icon: 'hass:weather-sunny'
                              name: Strahlung
                            - entity: sensor.Visibility
                              icon: 'hass:eye-outline'
                              name: Sicht
                          show_header_toggle: false
                          title: Licht & Sicht
                          state_color: false
                        - type: entities
                          entities:
                            - entity: sensor.Wind_direction
                              name: Richtung
                              icon: 'hass:compass-outline'
                            - entity: sensor.Wind_speed
                              name: Aktuell
                              icon: 'hass:weather-windy'
                            - entity: sensor.Wind_gust
                              icon: 'hass:weather-windy'
                              name: Böe
                          show_header_toggle: false
                          title: Wind
                - type: horizontal-stack
                  cards:
                    - type: vertical-stack
                      cards:
                        - type: entities
                          entities:
                            - entity: sensor.Minimal_day_temperature
                              name: min. Temperatur
                              icon: 'hass:thermometer-low'
                            - entity: sensor.Maximal_day_temperature
                              name: max. Temperatur
                              icon: 'hass:thermometer-high'
                            - entity: sensor.rain
                              name: Niederschlag
                              icon: 'hass:water-outline'
                            - entity: sensor.snowline
                              icon: 'hass:snowflake'
                              name: Schneefallgrenze
                          show_header_toggle: false
                          title: Prognose
                        - type: entities
                          entities:
                            - entity: sensor.Wind_direction
                              name: Wind Richtung
                              icon: 'hass:compass-outline'
                            - entity: sensor.UV_Index
                              icon: 'hass:sine-wave'
                            - entity: sensor.Solar_radiation
                              icon: 'hass:weather-sunny'
                              name: Strahlung
                          state_color: false
                          show_header_toggle: false
                        - type: 'custom:mini-graph-card'
                          name: Luftdruck
                          entities:
                            - entity: sensor.Air_pressure__mbar_
                              name: Pucking
                              color: blue
                            - entity: sensor.Air_pressure__mbar__wdg
                              name: Windischgarsten
                              color: green
                          hours_to_show: 72
                          hour24: true
                          decimals: 0
                          icon: 'hass:gauge'
                          unit: bar
                          show:
                            labels: true
                - type: horizontal-stack
                  cards:
                    - type: entities
                      entities:
                        - entity: binary_sensor.SZ_FK_N_Open
                          icon: 'hass:window-closed-variant'
                          secondary_info: last-changed
                          name: Schlafzimmer Nord
                        - entity: binary_sensor.SZ_FK_O_Open
                          icon: 'hass:window-closed-variant'
                          secondary_info: last-changed
                          name: Schlafzimmer Ost
                        - entity: binary_sensor.SR_L_Open
                          icon: 'hass:window-closed-variant'
                          secondary_info: last-changed
                          name: Schrankraum links
                        - entity: binary_sensor.SR_MR_Open
                          icon: 'hass:window-closed-variant'
                          secondary_info: last-changed
                          name: Schrankraum rechts
                        - entity: binary_sensor.B_FK_L_Open
                          icon: 'hass:window-closed-variant'
                          secondary_info: last-changed
                          name: Bad links
                        - entity: binary_sensor.B_FK_R_Open
                          icon: 'hass:window-closed-variant'
                          secondary_info: last-changed
                          name: Bad rechts
                        - entity: binary_sensor.EVA_FK_Open
                          icon: 'hass:window-closed-variant'
                          secondary_info: last-changed
                          name: Eva
                        - entity: binary_sensor.EVA_TK_Open
                          icon: 'hass:door'
                          secondary_info: last-changed
                          name: Eva
                        - entity: binary_sensor.EZ_TK_Open
                          icon: 'hass:door'
                          secondary_info: last-changed
                          name: Esszimmer
                        - entity: binary_sensor.WC_Open
                          icon: 'hass:window-closed-variant'
                          secondary_info: last-changed
                          name: WC
                        - entity: binary_sensor.WZ_TK_Open
                          icon: 'hass:door'
                          secondary_info: last-changed
                          name: Wohnzimmer
                      title: Erdgeschoss
                      state_color: true
                      show_header_toggle: false
                    - type: vertical-stack
                      cards:
                        - type: entities
                          entities:
                            - entity: binary_sensor.M_FK_L_Open
                              icon: 'hass:window-closed-variant'
                              secondary_info: last-changed
                              name: Matthias links
                            - entity: binary_sensor.M_FK_R_Open
                              icon: 'hass:window-closed-variant'
                              secondary_info: last-changed
                              name: Matthias rechts
                            - entity: binary_sensor.Balkon_Open
                              icon: 'hass:door'
                              secondary_info: last-changed
                              name: Balkon
                            - entity: binary_sensor.T_FK_W_L_Open
                              icon: 'hass:window-closed-variant'
                              secondary_info: last-changed
                              name: Toni West li.
                            - entity: binary_sensor.T_FK_W_R_Open
                              icon: 'hass:window-closed-variant'
                              secondary_info: last-changed
                              name: Toni West re.
                            - entity: binary_sensor.T_FK_N_Open
                              icon: 'hass:window-closed-variant'
                              secondary_info: last-changed
                              name: Toni Nord
                          title: Obergeschoss
                          state_color: true
                          show_header_toggle: false
                        - type: entities
                          entities:
                            - entity: binary_sensor.Keller_TKS_Open
                              icon: 'hass:door'
                              secondary_info: last-changed
                              name: Keller
                            - entity: binary_sensor.GH_TK_Open
                              icon: 'hass:door'
                              secondary_info: last-changed
                              name: Gartenhütte
                            - entity: binary_sensor.G_TK_Open
                              name: Garage
                              icon: 'hass:garage-variant'
                              secondary_info: last-changed
                          title: Garten / Keller
                          state_color: true
                          show_header_toggle: false
          hideToolbar: false
          
          D H 2 Replies Last reply Reply Quote 1
          • D
            dan11hh @Guest last edited by

            Vielen Danke für Eure Beispiele. Ich bastele auch noch. Was mir bei @philo686 auffällt ist der "verschwendete" Platz links und rechts. Und genau das ist auch mein Problem. Wie könnte man das lösen? Ich würde gerne lovelace kleiner skalieren, aber trotzdem noch die gesamte breite des Bildschirms nutzen. Geht das?

            M ? 2 Replies Last reply Reply Quote 0
            • M
              M1R0O @dan11hh last edited by

              Ich stelle dann hier auch meine Visualisierung vor, die mit Hilfe von @David-G und dem Raspberry-Forum hingebastelt habe. Es ist noch nicht fertig, insbesondere die Unterseiten befinden sich noch im Aufbau.
              Optisch ist es an das transparent-Theme angelehnt, ich habe es nur ein wenig abgeändert, da ich es nicht so bunt mag und es auf dem Touchscreen mMn so besser aussieht. Der Screen schaltet sich automatisch ab und, wenn der Motion-Sensor eine Bewegung erkennt, wieder an.

              Die Vis dient zur Steuerung meines wachsenden Smarthomes.

              Bildschirmfoto 2021-01-12 um 19.43.46.png
              Bildschirmfoto 2021-01-12 um 19.44.47.png
              Bildschirmfoto 2021-01-12 um 19.44.17.png

              Aufbaut sieht das ganze so aus:
              IMG_7253.png

              Und noch der Code:

              title: Home
              views:
                - path: home
                  title: Home
                  panel: false
                  badges: []
                  cards:
                    - type: horizontal-stack
                      cards:
                        - type: button
                          tap_action:
                            action: toggle
                          entity: switch.AwayLL
                          name: ALL OFF
                          icon: 'mdi:power'
                        - type: button
                          tap_action:
                            action: toggle
                          entity: switch.Alles
                          name: ALL NIGHT
                          icon: 'mdi:sleep'
                    - type: horizontal-stack
                      cards:
                        - type: button
                          tap_action:
                            action: toggle
                          entity: switch.JalousAufLL
                          name: EG OPEN
                          icon: 'mdi:window-shutter-open'
                        - type: button
                          tap_action:
                            action: toggle
                          name: OG OPEN
                          icon: 'mdi:window-shutter-open'
                          entity: switch.AlleAufOG
                    - type: horizontal-stack
                      cards:
                        - type: light
                          entity: light.Esszimmerlicht
                          name: Esszimmerlicht
                          icon: 'mdi:vanity-light'
                        - type: light
                          entity: light.Philips_hue_Wohnzimmerlicht
                          icon: 'mdi:ceiling-light'
                          name: Wonzimmerlicht
                    - type: weather-forecast
                      entity: weather.Luenen__Luenen_Deutschland_
                      name: Wetter in Lünen
                    - type: horizontal-stack
                      cards:
                        - type: button
                          tap_action:
                            action: toggle
                          entity: switch.JalousZuLL
                          name: EG CLOSE
                          icon: 'mdi:window-shutter'
                        - type: button
                          tap_action:
                            action: toggle
                          name: OG CLOSE
                          icon: 'mdi:window-shutter'
                          entity: switch.AlleZuOG
                    - type: horizontal-stack
                      cards:
                        - type: light
                          entity: light.Philips_hue_Flurlicht
                          name: Flurlicht
                          icon: 'mdi:outdoor-lamp'
                        - type: light
                          entity: light.Lightstrip
                          name: Lightstrip
                          icon: 'mdi:led-strip-variant'
                    - type: horizontal-stack
                      cards:
                        - type: sensor
                          graph: line
                          entity: sensor.Wohnzimmertemperatur
                          name: Wohnzimmertemperatur
                        - type: sensor
                          graph: line
                          entity: sensor.Luftfeuchtigkeit
                          name: Luftfeuchtigkeit
                          icon: 'mdi:water-percent'
                    - type: horizontal-stack
                      cards:
                        - type: button
                          tap_action:
                            action: toggle
                          entity: switch.Jalous30LL
                          name: EG DAY
                          icon: 'mdi:window-shutter-alert'
                        - type: button
                          tap_action:
                            action: toggle
                          name: OG DAY
                          icon: 'mdi:window-shutter-alert'
                          entity: switch.AlleSonneOG
                    - type: horizontal-stack
                      cards:
                        - type: button
                          tap_action:
                            action: toggle
                          entity: switch.PS4HelpLL
                          name: PS4 HELP
                          icon: 'mdi:sony-playstation'
                        - type: button
                          tap_action:
                            action: toggle
                          entity: switch.FernsehenLL
                          name: FERNSEHEN
                          icon: 'mdi:remote-tv'
                    - type: horizontal-stack
                      cards:
                        - type: button
                          tap_action:
                            action: toggle
                          entity: switch.TVLL
                          name: TV
                          icon: 'mdi:television'
                        - type: button
                          tap_action:
                            action: toggle
                          entity: switch.DenonToggleLL
                          name: AVR
                          icon: 'mdi:audio-video'
                    - type: entities
                      entities:
                        - entity: binary_sensor.Sensor_F3
                          name: Fenster 3
                        - entity: binary_sensor.Sensor_F4
                          name: Fenster 4
                        - entity: binary_sensor.Sensor_F7
                          name: Fenster 7
                        - entity: binary_sensor.Sensor_F9
                          name: Fenster 9
                    - type: markdown
                      content: '{ical.0.data.html}'
                - title: Licht
                  path: licht
                  icon: 'mdi:lightbulb-on'
                  panel: false
                  badges: []
                  cards:
                    - type: light
                      entity: light.Esszimmer
                      name: Esszimmerlicht
                      icon: 'mdi:vanity-light'
                    - type: light
                      entity: light.Lightstrip
                      name: Lightstrip
                      icon: 'mdi:led-strip-variant'
                    - type: light
                      entity: light.Philips_hue_Flurlicht
                      name: Flurlicht
                      icon: 'mdi:outdoor-lamp'
                    - type: light
                      entity: light.Philips_hue_Wohnzimmerlicht
                      icon: 'mdi:ceiling-light'
                      name: Wonzimmerlicht
                    - type: light
                      entity: light.Aussenlicht
                      icon: 'mdi:coach-lamp'
                    - type: light
                      entity: light.Terrassenlicht
                      icon: 'mdi:wall-sconce-flat'
                    - type: horizontal-stack
                      cards:
                        - type: light
                          entity: light.Aussenlicht
                          icon: 'mdi:coach-lamp'
                        - type: light
                          entity: light.Terrassenlicht
                          icon: 'mdi:wall-sconce-flat'
                - title: Temperatur
                  path: temperatur
                  icon: 'mdi:thermometer'
                  badges: []
                  cards:
                    - type: sensor
                      entity: sensor.Wohnzimmertemperatur
                      name: Wohnzimmertemperatur
                      graph: line
                      hours_to_show: 12
                      detail: 1
                      icon: 'mdi:thermometer'
                    - type: vertical-stack
                      title: Klima
                      cards:
                        - type: gauge
                          entity: sensor.Luftfeuchtigkeit
                          min: 0
                          max: 100
                        - type: gauge
                          entity: sensor.Wohnzimmertemperatur
                          min: 0
                          max: 100
                    - type: sensor
                      entity: sensor.Luftfeuchtigkeit
                      name: Luftfeuchtigkeit
                      graph: line
                      hours_to_show: 12
                      detail: 1
                      icon: 'mdi:water-percent'
                    - type: horizontal-stack
                      title: Klima
                      cards:
                        - type: gauge
                          entity: sensor.Wohnzimmertemperatur
                          min: 0
                          max: 100
                        - type: gauge
                          entity: sensor.Luftfeuchtigkeit
                          min: 0
                          max: 100
                - title: Fenster
                  path: jalousien
                  icon: 'mdi:window-open-variant'
                  badges: []
                  cards:
                    - type: entity
                      entity: lock.HaustuersperrstatusLL
                      name: Haustürschloss
                    - type: entities
                      entities:
                        - entity: cover.Fenster1
                        - entity: cover.Fenster2
                        - entity: cover.Fenster3
                        - entity: cover.Fenster4
                        - entity: cover.Fenster5
                        - entity: cover.Fenster6
                        - entity: cover.Fenster7
                        - entity: cover.Fenster8
                        - entity: cover.Fenster9
                        - entity: cover.Fenster10
                      title: Jalousien
                    - type: entity
                      entity: binary_sensor.HaustuerLL
                      name: Haustür
                    - type: 'custom:button-card'
                      entity: binary_sensor.HaustuerLL
                      name: Haustür
                      map_state:
                        '3': geöffnet
                        offen: geschlossen
                    - type: horizontal-stack
                      cards:
                        - type: button
                          tap_action:
                            action: toggle
                          entity: switch.JalousAufLL
                          name: EG OPEN
                          icon: 'mdi:window-shutter-open'
                        - type: button
                          tap_action:
                            action: toggle
                          entity: switch.Jalous30LL
                          name: EG DAY
                          icon: 'mdi:window-shutter-alert'
                        - type: button
                          tap_action:
                            action: toggle
                          entity: switch.JalousZuLL
                          name: EG CLOSE
                          icon: 'mdi:window-shutter'
                    - type: horizontal-stack
                      cards:
                        - type: button
                          tap_action:
                            action: toggle
                          name: OG OPEN
                          icon: 'mdi:window-shutter-open'
                          entity: switch.AlleAufOG
                        - type: button
                          tap_action:
                            action: toggle
                          name: OG DAY
                          icon: 'mdi:window-shutter-alert'
                          entity: switch.AlleSonneOG
                        - type: button
                          tap_action:
                            action: toggle
                          name: OG CLOSE
                          icon: 'mdi:window-shutter'
                          entity: switch.AlleZuOG
                - title: Wetter
                  path: wetter
                  icon: 'mdi:weather-partly-snowy-rainy'
                  badges: []
                  cards:
                    - type: 'custom:clockwork-card'
                      locale: de-DE
                      other_time:
                        - America/New_York
                        - Australia/Sydney
                        - America/Los_Angeles
                      style: |
                        .other_time { display: none; }
                - title: Media
                  path: media
                  badges: []
                  cards:
                    - type: button
                      tap_action:
                        action: toggle
                      entity: switch.Alles
                      name: ALLES
                      icon: 'mdi:power'
                      resource: null
                    - type: button
                      tap_action:
                        action: toggle
                      entity: switch.DenonToggleLL
                      name: AVR
                      icon: 'mdi:audio-video'
              hideToolbar: true
              
              

              Vielen Dank an alle Helfer und die Inspirationen die ich bisher erhalten habe.

              W M 2 Replies Last reply Reply Quote 1
              • ?
                A Former User @dan11hh last edited by A Former User

                @dan11hh Die Screenshots habe ich auf meinem 24" Bildschirm gemacht. Nur da habe ich links und rechts einen breiten ungenutzten Bereich. Auf meinem Laptop 15", sowie am Echo Show 8, habe ich ebenso die 3 Spalten, jedoch seitlich keinen oder nur kaum ungenutzten Bereich.
                2021-01-12 22_00_53-Filme & TV.png

                G 1 Reply Last reply Reply Quote 0
                • W
                  wizard2010 @M1R0O last edited by

                  Hi @m1r0o dein Thema sieht toll aus!
                  Können Sie mir sagen, wie ich es importieren kann?
                  Vielen Dank

                  M 1 Reply Last reply Reply Quote 0
                  • M
                    M1R0O @wizard2010 last edited by M1R0O

                    @wizard2010

                    Du musst die den Code in Lovelace > oben rechts Benutzeroberfläche konfigurieren > oben rechts RAW-Konfigurationseditor einfügen und anpassen.

                    David G. 1 Reply Last reply Reply Quote 0
                    • David G.
                      David G. @M1R0O last edited by David G.

                      @m1r0o
                      @wizard2010

                      Ich denke es geht um das Theme.
                      Das muss in der Konfiguration des Adapters eingefügt werden. Da gibt es einen extra Reiter für.
                      Einfügen und dann oben links im Dropdown auswählen.
                      Und natürlich speichern nicht vergessen.

                      Allerdings hat @M1R0O das Theme nicht mit gepostet.

                      W 1 Reply Last reply Reply Quote 0
                      • W
                        wizard2010 @David G. last edited by

                        @david-g
                        @M1R0O

                        Ja, ich habe über das Theme gesprochen.
                        Aber soweit ich verstanden habe, dass Sie das Theme nicht geteilt haben, haben Sie die Absicht, es zu tun?

                        Vielen Dank.

                        M 1 Reply Last reply Reply Quote 0
                        • M
                          M1R0O @wizard2010 last edited by

                          @wizard2010
                          Oh sorry, gar nicht bemerkt: Es sind 2 aus denen du wählen kannst: "dark" und "darkOWN":

                          dark:
                            # Background image
                            lovelace-background: 'center / cover no-repeat url("/local/night.jpg") fixed'
                          
                            # Colors
                            text-color: '#DADADB'
                            text-medium-light-color: '#A0A2A8'
                            text-medium-color: '#80828A'
                            text-dark-color: '#6A6B74'
                            accent-color: '#008bef'
                            accent-medium-color: '#2484C9'
                            background-color: '#3b4049'
                            background-color-2: '#484E59'
                            background-card-color: '#434952'
                            border-color: '#383C46'
                          
                            # Header
                            app-header-background-color: '#363941'
                          
                            # Text
                            primary-color: 'var(--text-color)'
                            text-primary-color: 'var(--text-color)'
                          
                            # Left Menu
                            paper-listbox-background-color: 'var(--background-color)'
                            sidebar-icon-color: 'var(--text-medium-color)'
                            sidebar-selected-icon-color: 'var(--text-medium-light-color)'
                            sidebar-selected-text-color: 'var(--text-color)'
                          
                            # UI
                            paper-card-header-color: 'var(--text-color)'
                            primary-background-color: 'var(--background-color)'
                            mdc-theme-primary: 'var(--accent-medium-color)'
                            card-background-color: 'var(--background-card-color)'
                          
                            # Card
                            paper-card-background-color: 'var(--background-card-color)'
                            dark-primary-color: 'var(--text-color)'
                            primary-text-color: 'var(--text-color)'
                            paper-listbox-color: 'var(--text-color)'
                            light-primary-color: 'var(--text-dark-color)'
                            secondary-text-color: 'var(--text-medium-color)'
                            disabled-text-color: 'var(--text-dark-color)'
                            paper-dialog-button-color: 'var(--text-color)'
                            secondary-background-color: 'var(--background-color-2)'
                          
                            # Icons
                            paper-item-icon-color: 'var(--text-dark-color)'
                            paper-item-icon-active-color: 'var(--accent-color)'
                          
                            # Switches
                            switch-checked-button-color: 'var(--text-medium-light-color)'
                            switch-unchecked-button-color: 'var(--text-medium-light-color)'
                            switch-checked-track-color: '#009FFF'
                            switch-unchecked-track-color: '#767682'
                          
                            # Slider
                            paper-slider-active-color: 'var(--accent-color)'
                            paper-slider-knob-color: 'var(--text-medium-light-color)'
                            paper-slider-container-color: 'var(--text-dark-color)'
                            paper-slider-knob-start-color: 'var(--text-medium-light-color)'
                          
                            # Badges
                            label-badge-text-color: 'var(--text-color)'
                            label-badge-background-color: 'rgba(54, 57, 65, 0.6)'
                          
                            # Shadows
                            ha-card-box-shadow: 'inset 0px 0px 0px 1px var(--border-color)'
                          
                            # HACS
                            hacs-badge-color: 'var(--accent-color)'
                            hacs-status-installed: 'var(--text-color)'
                            hacs-status-pending-restart: 'var(--text-dark-color)'
                            hacs-status-pending-update: 'var(--accent-color)'
                            
                          darkOWN:
                            #Background image
                            lovelace-background: center / cover no-repeat url("/cards/background.jpg") fixed
                            mdc-theme-surface: var(--primary-background-color) 
                          
                            # Colors
                            text-color: '#DADADB'
                            text-medium-light-color: '#A0A2A8'
                            text-medium-color: '#80828A'
                            text-dark-color: '#6A6B74'
                            accent-color: 'rgba(236, 237, 238)'
                            accent-medium-color: 'rgba(236, 237, 238)'
                            background-color: '#3b4049'
                            background-color-2: 'rgba(72, 78, 89, 0.1)'
                            background-card-color: 'rgba(67, 73, 82, 0.1)'  
                            #border-color: '#383C46'
                          
                            # Header
                            app-header-background-color: '#363941'
                          
                            # Text
                            primary-color: 'var(--text-color)'
                            text-primary-color: 'var(--text-color)'
                          
                            # Left Menu
                            paper-listbox-background-color: 'var(--background-color)'
                            sidebar-icon-color: 'var(--text-medium-color)'
                            sidebar-selected-icon-color: 'var(--text-medium-light-color)'
                            sidebar-selected-text-color: 'var(--text-color)'
                          
                            # UI
                            paper-card-header-color: 'var(--text-color)'
                            primary-background-color: 'var(--background-color)'
                            mdc-theme-primary: 'var(--accent-medium-color)'
                            card-background-color: 'var(--background-card-color)'
                          
                            # Card
                            paper-card-background-color: 'var(--background-card-color)'
                            dark-primary-color: 'var(--text-color)'
                            primary-text-color: 'var(--text-color)'
                            paper-listbox-color: 'var(--text-color)'
                            light-primary-color: 'var(--text-dark-color)'
                            secondary-text-color: 'var(--text-medium-color)'
                            disabled-text-color: 'var(--text-dark-color)'
                            paper-dialog-button-color: 'var(--text-color)'
                            secondary-background-color: 'var(--background-color-2)'
                          
                            # Icons
                            paper-item-icon-color: 'var(--text-dark-color)'
                            paper-item-icon-active-color: 'var(--accent-color)'
                          
                            # Switches
                            switch-checked-button-color: 'var(--text-medium-light-color)'
                            switch-unchecked-button-color: 'var(--text-medium-light-color)'
                            switch-checked-track-color: 'rgba(236, 237, 238)'
                            switch-unchecked-track-color: 'rgba(236, 237, 238)'
                          
                            # Slider
                            paper-slider-active-color: 'var(--accent-color)'
                            paper-slider-knob-color: 'var(--text-medium-light-color)'
                            paper-slider-container-color: 'var(--text-dark-color)'
                            paper-slider-knob-start-color: 'var(--text-medium-light-color)'
                          
                            # Badges
                            label-badge-text-color: 'var(--text-color)'
                            label-badge-background-color: 'rgba(54, 57, 65, 0.6)'
                          
                            # Shadows
                            ha-card-box-shadow: 'inset 1px 1px 1px 2px var(--border-color)'
                          
                            # HACS
                            hacs-badge-color: 'var(--accent-color)'
                            hacs-status-installed: 'var(--text-color)'
                            hacs-status-pending-restart: 'var(--text-dark-color)'
                            hacs-status-pending-update: 'var(--accent-color)'
                          
                          W 1 Reply Last reply Reply Quote 1
                          • W
                            wizard2010 @M1R0O last edited by

                            Hi @m1r0o,

                            Vielen Dank 🙂

                            Ich bin neu bei ioBroker und lovelace. Kann ich Sie fragen, ob Sie eine Anleitung zur Anwendung dieses Themas geben können? Was sind die Schritte, die ich tun muss?
                            Danke für deine Hilfe.

                            David G. 1 Reply Last reply Reply Quote 0
                            • David G.
                              David G. @wizard2010 last edited by

                              @wizard2010

                              Habe ich 2-3 Posts weiter oben geschrieben.
                              Ist eigentlich ganz leicht.
                              Wenn es nicht hinhaut, nochmal fragen.

                              1 Reply Last reply Reply Quote 0
                              • David G.
                                David G. last edited by David G.

                                Hallo an alle,

                                mittlerweile hat sich einiges an meiner oben geposteten Visu geändert.
                                Einiges ist geblieben, einiges ist neu. Da habe ich gedacht, dass ich es nochmal poste.
                                Nach wie vor ist die Darstellung fürs Smartphone optimiert.

                                Garagenöffner
                                Eigentlich wie gehabt, je nachdem ob das Tor offen ist oder nicht ändert sich das Bild.

                                Screenshot_20210206-135135_Fully Kiosk Browser.jpg

                                Screenshot_20210206-135122_Fully Kiosk Browser.jpg

                                Sicherheit

                                Hier sieht man im oberen Bereich, welche Fenster alle offen sind, man kann aber auch weiter klicken und sieht eine Übersicht aller Sensoren.

                                Im mittleren Bereich schalte ich die Alarmanlage.
                                Man sieht, welcher Aktivierungsmodus und welcher Schutzmodus aktiv ist.
                                Wenn man die PIN eingibt, erscheinen alle nötigen Einstellungen. Nach 5sek schließen sich die Einstellungen automatisch (Da werkelt Blockly im Hintergrund).

                                Ganz unten noch ein paar Kamerabilder (schaut grad gegen die Decke ^^.)

                                Screenshot_20210206-135156_Fully Kiosk Browser.jpg

                                Screenshot_20210206-135215_Fully Kiosk Browser.jpg

                                Temperatur

                                Hier sollte sich alles selber erklären.

                                Screenshot_20210206-135228_Fully Kiosk Browser.jpg

                                Multimedia

                                Hier steuere ich meine Bose-Box. Im Hintergrund werkelt einiges mit Blockly.

                                Screenshot_20210206-135322_Fully Kiosk Browser.jpg

                                Screenshot_20210206-135241_Fully Kiosk Browser.jpg

                                Lichtsteuerung

                                Denke so weit selbsterklärend. Oben kann ich meine Einstellungen zur Anwesenheitssimulation steuern.

                                Screenshot_20210206-135329_Fully Kiosk Browser.jpg

                                System (Musste die Screenshots im Querformat machen, hab anders nicht alles in ein Bild bekommen.)

                                Hier sieht man so ziemlich alles zu meiner Hardware.
                                Die Charts habe ich mit eCharts erstellt.

                                Die HmIP und Sonoff Tabellen generiere ich komplett in Blockly.

                                Screenshot_20210206-135647_Fully Kiosk Browser.jpg

                                Kalender

                                Oben den Bereich habe ich zusammengebastelt. Als Grundlage dient der TrashSchedule Adapter. Bereite den Text aber noch mit Blockly auf.

                                Den Kalender habe ich so aus dem iCal-Adapter eingebunden.

                                JPEG_20210206_133938_4528894568156670496.jpg

                                Verbraucherübersicht

                                Screenshot_20210206-135339_Fully Kiosk Browser.jpg

                                Fernsehprogramm

                                Die Daten ziehe ich aus dem Tvspielfilm-Adapter. Lasse aber mit Blockly die Tabellen erzeugen.
                                Im oberen Bereich kann ich die Lautstärke vom TV steuern und mir die gewünschten Uhrzeiten fürs TV-Programm auswählen.

                                Screenshot_20210206-135349_Fully Kiosk Browser.jpg

                                Screenshot_20210206-135344_Fully Kiosk Browser.jpg

                                Anwesenheit

                                Hier gibts eine Karte aller georteten Handys mit Verlauf und Adresse.

                                JPEG_20210206_133815_7437582055055507556.jpg

                                Netzwerk

                                Alles rund ums Netzwerk.

                                Screenshot_20210206-135359_Fully Kiosk Browser.jpg

                                Mein YAML-Code

                                title: Home
                                views:
                                 - title: Garage
                                   path: garage
                                   icon: 'mdi:garage'
                                   panel: false
                                   badges: []
                                   cards:
                                     - type: 'custom:stack-in-card'
                                       mode: vertical
                                       keep:
                                         box_shadow: false
                                         margin: false
                                         border_radius: true
                                         outer_padding: true
                                       cards:
                                         - type: horizontal-stack
                                           cards:
                                             - type: picture-entity
                                               entity: binary_sensor.Sensor_Garage
                                               show_name: false
                                               show_state: false
                                               state_image:
                                                 'on': /cards/garage_auf.png
                                                 'off': /cards/garage_zu.png
                                         - type: vertical-stack
                                           cards:
                                             - type: markdown
                                               content: '---'
                                         - type: vertical-stack
                                           cards:
                                             - type: entity-button
                                               entity: switch.Antrieb_Garage
                                               tap_action:
                                                 action: toggle
                                               hold_action:
                                                 action: more-info
                                               show_icon: false
                                               show_name: true
                                               name: Garage betätigen
                                 - title: Sicherheit
                                   path: sicherheit
                                   icon: 'mdi:home-lock-open'
                                   panel: false
                                   badges: []
                                   cards:
                                     - type: 'custom:stack-in-card'
                                       mode: vertical
                                       keep:
                                         box_shadow: false
                                         margin: false
                                         border_radius: true
                                         outer_padding: true
                                       cards:
                                         - type: horizontal-stack
                                           cards:
                                             - type: picture
                                               image: /cards/security.png
                                         - type: vertical-stack
                                           cards:
                                             - type: markdown
                                               content: '---'
                                               title: Offene Fenster und Türen
                                         - type: vertical-stack
                                           cards:
                                             - type: 'custom:slideshow-card'
                                               fill: false
                                               arrow_color: White
                                               arrow_opacity: 1
                                               auto_play: false
                                               auto_delay: 4
                                               style:
                                                 border-radius: 25px
                                               cards:
                                                 - type: entity-filter
                                                   entities:
                                                     - entity: binary_sensor.Sensor_Garage
                                                       name: Garagentor
                                                       icon: 'mdi:garage'
                                                     - entity: binary_sensor.Schloss_Haustuere
                                                       name: Haustürschloss
                                                       icon: 'mdi:door'
                                                     - entity: binary_sensor.Fensterkontakt_Kueche_1
                                                       name: Küchenfenster
                                                       icon: 'mdi:window-closed-variant'
                                                     - entity: binary_sensor.Fensterkontakt_Bad
                                                       name: Badezimmerfenster
                                                       icon: 'mdi:window-closed-variant'
                                                   state_filter:
                                                     - 'on'
                                                 - type: entities
                                                   title: Alles
                                                   entities:
                                                     - entity: binary_sensor.Schloss_Haustuere
                                                       name: Haustürschloss
                                                       icon: 'mdi:door'
                                                     - entity: binary_sensor.Sensor_Garage
                                                       name: Garage
                                                       icon: 'mdi:garage'
                                                     - entity: binary_sensor.Fensterkontakt_Kueche_1
                                                       name: Küchenfesnter
                                                       icon: 'mdi:window-closed-variant'
                                                     - entity: binary_sensor.Fensterkontakt_Bad
                                                       name: Badezimmerfenster
                                                       icon: 'mdi:window-closed-variant'
                                     - type: 'custom:stack-in-card'
                                       mode: vertical
                                       keep:
                                         box_shadow: false
                                         margin: false
                                         border_radius: true
                                         outer_padding: true
                                       cards:
                                         - type: markdown
                                           content: '---'
                                           title: Alarmanlage
                                         - type: horizontal-stack
                                           cards:
                                             - type: markdown
                                               content: |-
                                                 **Aktivierungsmodus**
                                                 {0_userdata.0.Alarmanlage.Aktivierter_Modus} 
                                             - type: markdown
                                               content: |-
                                                 **Schutzmodus**
                                                 {0_userdata.0.Alarmanlage.Aktivierter_Alarmmodus} 
                                         - type: entities
                                           entities:
                                             - entity: input_text.pin_vis
                                               name: PIN
                                               icon: 'mdi:key'
                                           title: 'Einstellungen bearbeiten '
                                         - type: conditional
                                           conditions:
                                             - entity: input_text.pin_vis
                                               state: '12345'
                                           card:
                                             type: entities
                                             entities:
                                               - entity: switch.immer_alarmieren
                                                 name: Schutzmodus
                                                 icon: 'mdi:home'
                                         - type: conditional
                                           conditions:
                                             - entity: input_text.pin_vis
                                               state: '12345'
                                           card:
                                             type: entities
                                             entities:
                                               - entity: switch.manueller_modus
                                                 name: Manueller Modus
                                                 icon: 'mdi:hand'
                                         - type: conditional
                                           conditions:
                                             - entity: input_text.pin_vis
                                               state: '12345'
                                           card:
                                             type: entities
                                             entities:
                                               - entity: switch.anlage_scharf
                                                 name: aktivieren / deaktivieren
                                                 icon: 'mdi:security'
                                     - type: picture-entity
                                       entity: camera.Test
                                       aspect_ratio: 70%
                                       show_name: true
                                       show_state: false
                                       name: Kinderzimmer Ben-Henri
                                     - type: picture-entity
                                       entity: camera.Kamera_Wilke_Eingang
                                       aspect_ratio: 70%
                                       show_name: true
                                       show_state: false
                                       name: Wilke Eingang
                                 - title: Heizung
                                   path: heizung
                                   icon: 'mdi:thermometer'
                                   badges: []
                                   cards:
                                     - type: 'custom:slideshow-card'
                                       fill: true
                                       arrow_color: White
                                       arrow_opacity: 0.5
                                       auto_play: false
                                       auto_delay: 4
                                       border-radius: 25px
                                       style: |
                                         ha-card {
                                            --secondary-text-color: #f59042 !important;
                                         }
                                       cards:
                                         - type: weather-forecast
                                           entity: weather.Hilchenbach__Hilchenbach_Deutschland_
                                           name: Hilchenbach
                                           show_forecast: true
                                         - type: weather-forecast
                                           entity: weather.Haiger__Haiger_Deutschland_
                                           name: Haiger
                                           show_forecast: true
                                     - type: 'custom:stack-in-card'
                                       mode: vertical
                                       keep:
                                         box_shadow: false
                                         margin: false
                                         border_radius: true
                                         outer_padding: true
                                       cards:
                                         - type: horizontal-stack
                                           cards:
                                             - type: thermostat
                                               entity: climate.Thermostat_Wohnbereich
                                               name: 'Wohnzimmer '
                                               style: |
                                                 ha-card {
                                                    --heat-color: #f59042 !important;
                                                 }
                                                 round-slider {
                                                   --round-slider-bar-color: #f59042 !important;
                                                 }
                                         - type: vertical-stack
                                           cards:
                                             - type: markdown
                                               content: '---'
                                         - type: horizontal-stack
                                           cards:
                                             - type: picture-elements
                                               image: /cards/bg_thermo_settings.png
                                               elements:
                                                 - type: image
                                                   image: /cards/boost_active.png
                                                   entity: switch.Heizung_Wohnbereich_boost
                                                   state_filter:
                                                     'true': brightness(100%) saturate(0.0)
                                                     'false': brightness(100%) saturate
                                                   tap_action:
                                                     action: toggle
                                                   hold_action:
                                                     action: none
                                                   style:
                                                     top: 20px
                                                     left: 28%
                                                     width: 10%
                                                 - type: image
                                                   image: /cards/urlaub_active.png
                                                   entity: switch.Heizung_Wohnbereich_party
                                                   state_filter:
                                                     'true': brightness(100%) saturate(0.0)
                                                     'false': brightness(100%) saturate
                                                   tap_action:
                                                     action: toggle
                                                   hold_action:
                                                     action: none
                                                   style:
                                                     top: 20px
                                                     left: 72%
                                                     width: 10%
                                                 - type: image
                                                   image: /cards/linie_senkrecht.png
                                                   entity: binary_sensor.Schloss_Haustuere
                                                   state_filter:
                                                     'true': brightness(100%) saturate(0.0)
                                                     'false': brightness(100%) saturate
                                                   tap_action:
                                                     action: toggle
                                                   hold_action:
                                                     action: none
                                                   style:
                                                     top: 20px
                                                     left: 50%
                                     - type: 'custom:stack-in-card'
                                       mode: vertical
                                       keep:
                                         box_shadow: false
                                         margin: false
                                         border_radius: true
                                         outer_padding: true
                                       cards:
                                         - type: horizontal-stack
                                           cards:
                                             - type: 'custom:simple-thermostat'
                                               entity: climate.Heizung_KZ_2
                                               step_layout: row
                                               name: Ben-Henri
                                         - type: vertical-stack
                                           cards:
                                             - type: markdown
                                               content: '---'
                                         - type: horizontal-stack
                                           cards:
                                             - type: picture-elements
                                               image: /cards/bg_thermo_settings.png
                                               elements:
                                                 - type: image
                                                   image: /cards/boost_active.png
                                                   entity: switch.Heizung_KZ_2_BOOST
                                                   state_filter:
                                                     'true': brightness(100%) saturate(0.0)
                                                     'false': brightness(100%) saturate
                                                   tap_action:
                                                     action: toggle
                                                   hold_action:
                                                     action: none
                                                   style:
                                                     top: 20px
                                                     left: 28%
                                                     width: 10%
                                                 - type: image
                                                   image: /cards/urlaub_active.png
                                                   entity: switch.Heizung_KZ_2_party
                                                   state_filter:
                                                     'true': brightness(100%) saturate(0.0)
                                                     'false': brightness(100%) saturate
                                                   tap_action:
                                                     action: toggle
                                                   hold_action:
                                                     action: none
                                                   style:
                                                     top: 20px
                                                     left: 72%
                                                     width: 10%
                                                 - type: image
                                                   image: /cards/linie_senkrecht.png
                                                   entity: binary_sensor.Schloss_Haustuere
                                                   state_filter:
                                                     'true': brightness(100%) saturate(0.0)
                                                     'false': brightness(100%) saturate
                                                   tap_action:
                                                     action: toggle
                                                   hold_action:
                                                     action: none
                                                   style:
                                                     top: 20px
                                                     left: 50%
                                     - type: 'custom:stack-in-card'
                                       mode: vertical
                                       keep:
                                         box_shadow: false
                                         margin: false
                                         border_radius: true
                                         outer_padding: true
                                       cards:
                                         - type: horizontal-stack
                                           cards:
                                             - type: 'custom:simple-thermostat'
                                               entity: climate.Heizung_Kinderzimmer_1_1
                                               step_layout: row
                                               name: Hanna Emilia
                                         - type: vertical-stack
                                           cards:
                                             - type: markdown
                                               content: '---'
                                         - type: horizontal-stack
                                           cards:
                                             - type: picture-elements
                                               image: /cards/bg_thermo_settings.png
                                               elements:
                                                 - type: image
                                                   image: /cards/boost_active.png
                                                   entity: switch.Heizung_KZ_1_boost
                                                   state_filter:
                                                     'true': brightness(100%) saturate(0.0)
                                                     'false': brightness(100%) saturate
                                                   tap_action:
                                                     action: toggle
                                                   hold_action:
                                                     action: none
                                                   style:
                                                     top: 20px
                                                     left: 28%
                                                     width: 10%
                                                 - type: image
                                                   image: /cards/urlaub_active.png
                                                   entity: switch.Heizung_KZ_1_party
                                                   state_filter:
                                                     'true': brightness(100%) saturate(0.0)
                                                     'false': brightness(100%) saturate
                                                   tap_action:
                                                     action: toggle
                                                   hold_action:
                                                     action: none
                                                   style:
                                                     top: 20px
                                                     left: 72%
                                                     width: 10%
                                                 - type: image
                                                   image: /cards/linie_senkrecht.png
                                                   entity: binary_sensor.Schloss_Haustuere
                                                   state_filter:
                                                     'true': brightness(100%) saturate(0.0)
                                                     'false': brightness(100%) saturate
                                                   tap_action:
                                                     action: toggle
                                                   hold_action:
                                                     action: none
                                                   style:
                                                     top: 20px
                                                     left: 50%
                                     - type: 'custom:stack-in-card'
                                       mode: vertical
                                       keep:
                                         box_shadow: false
                                         margin: false
                                         border_radius: true
                                         outer_padding: true
                                       cards:
                                         - type: horizontal-stack
                                           cards:
                                             - type: 'custom:simple-thermostat'
                                               entity: climate.Heizung_Bad
                                               step_layout: row
                                               name: Bad
                                         - type: vertical-stack
                                           cards:
                                             - type: markdown
                                               content: '---'
                                         - type: horizontal-stack
                                           cards:
                                             - type: picture-elements
                                               image: /cards/bg_thermo_settings.png
                                               elements:
                                                 - type: image
                                                   image: /cards/boost_active.png
                                                   entity: switch.Heizung_Bad_BOOST
                                                   state_filter:
                                                     'true': brightness(100%) saturate(0.0)
                                                     'false': brightness(100%) saturate
                                                   tap_action:
                                                     action: toggle
                                                   hold_action:
                                                     action: none
                                                   style:
                                                     top: 20px
                                                     left: 28%
                                                     width: 10%
                                                 - type: image
                                                   image: /cards/urlaub_active.png
                                                   entity: switch.Heizung_Bad_party
                                                   state_filter:
                                                     'true': brightness(100%) saturate(0.0)
                                                     'false': brightness(100%) saturate
                                                   tap_action:
                                                     action: toggle
                                                   hold_action:
                                                     action: none
                                                   style:
                                                     top: 20px
                                                     left: 72%
                                                     width: 10%
                                                 - type: image
                                                   image: /cards/linie_senkrecht.png
                                                   entity: binary_sensor.Schloss_Haustuere
                                                   state_filter:
                                                     'true': brightness(100%) saturate(0.0)
                                                     'false': brightness(100%) saturate
                                                   tap_action:
                                                     action: toggle
                                                   hold_action:
                                                     action: none
                                                   style:
                                                     top: 20px
                                                     left: 50%
                                     - type: 'custom:slideshow-card'
                                       fill: false
                                       arrow_color: White
                                       arrow_opacity: 0.5
                                       auto_play: false
                                       auto_delay: 4
                                       style: null
                                       border-radius: 25px
                                       cards:
                                         - type: iframe
                                           url: >-
                                             https://192.168.99.33:8082/adapter/echarts/chart/index.html?preset=echarts.0.Heizung.Wohnzimmer
                                           title: Wohnzimmer
                                         - type: iframe
                                           title: Ben-Henri
                                           url: >-
                                             https://192.168.99.33:8082/adapter/echarts/chart/index.html?preset=echarts.0.Heizung.Ben-Henri
                                         - type: iframe
                                           url: >-
                                             https://192.168.99.33:8082/adapter/echarts/chart/index.html?preset=echarts.0.Heizung.Hannah%20Emilia
                                           title: Hannah Emilia
                                         - type: iframe
                                           url: >-
                                             https://192.168.99.33:8082/adapter/echarts/chart/index.html?preset=echarts.0.Heizung.Bad
                                           title: Bad
                                 - title: Multimedia
                                   path: multimedia
                                   icon: 'mdi:music'
                                   badges: []
                                   cards:
                                     - type: 'custom:stack-in-card'
                                       mode: vertical
                                       keep:
                                         box_shadow: false
                                         margin: false
                                         border_radius: true
                                         outer_padding: true
                                       cards:
                                         - type: vertical-stack
                                           cards:
                                             - type: picture-elements
                                               image: /cards/bg_tr_bose_klein.png
                                               elements:
                                                 - type: image
                                                   image: /cards/1.png
                                                   entity: switch.BOSE_PRESET_1
                                                   state_filter:
                                                     'true': brightness(100%) saturate
                                                     'false': brightness(100%) saturate(0.0)
                                                   tap_action:
                                                     action: toggle
                                                   hold_action:
                                                     action: none
                                                   style:
                                                     top: 50%
                                                     left: 10%
                                                     width: 8%
                                                 - type: image
                                                   image: /cards/2.png
                                                   state_filter:
                                                     'true': brightness(100%) saturate
                                                     'false': brightness(100%) saturate(0.0)
                                                   entity: switch.BOSE_PRESET_2
                                                   tap_action:
                                                     action: toggle
                                                   hold_action:
                                                     action: none
                                                   style:
                                                     top: 50%
                                                     left: 26%
                                                     width: 8%
                                                 - type: image
                                                   image: /cards/3.png
                                                   entity: switch.BOSE_PRESET_3
                                                   state_filter:
                                                     'true': brightness(100%) saturate
                                                     'false': brightness(100%) saturate(0.0)
                                                   tap_action:
                                                     action: toggle
                                                   hold_action:
                                                     action: none
                                                   style:
                                                     top: 50%
                                                     left: 42%
                                                     width: 8%
                                                 - type: image
                                                   image: /cards/4.png
                                                   entity: switch.BOSE_PRESET_4
                                                   state_filter:
                                                     'true': brightness(100%) saturate
                                                     'false': brightness(100%) saturate(0.0)
                                                   tap_action:
                                                     action: toggle
                                                   hold_action:
                                                     action: none
                                                   style:
                                                     top: 50%
                                                     left: 58%
                                                     width: 8%
                                                 - type: image
                                                   image: /cards/5.png
                                                   entity: switch.BOSE_PRESET_5
                                                   state_filter:
                                                     'true': brightness(100%) saturate
                                                     'false': brightness(100%) saturate(0.0)
                                                   tap_action:
                                                     action: toggle
                                                   hold_action:
                                                     action: none
                                                   style:
                                                     top: 50%
                                                     left: 74%
                                                     width: 8%
                                                 - type: image
                                                   image: /cards/6.png
                                                   entity: switch.BOSE_PRESET_6
                                                   state_filter:
                                                     'true': brightness(100%) saturate
                                                     'false': brightness(100%) saturate(0.0)
                                                   tap_action:
                                                     action: toggle
                                                   hold_action:
                                                     action: none
                                                   style:
                                                     top: 50%
                                                     left: 90%
                                                     width: 8%
                                         - type: horizontal-stack
                                           cards:
                                             - type: markdown
                                               content: >-
                                                 <img src="{0_userdata.0.Multimedia.Bose_1.Cover}" 
                                                 width="100%">
                                             - type: picture-elements
                                               image: /cards/bg_1px_tr.png
                                               elements:
                                                 - style:
                                                     top: 40%
                                                     left: 50%
                                                   type: state-label
                                                   entity: input_text.Bose_1_Sender
                                                 - style:
                                                     top: 50%
                                                     left: 50%
                                                   type: state-label
                                                   entity: input_text.Bose_1_Titel
                                                 - style:
                                                     top: 20%
                                                     left: 50%
                                                   type: state-label
                                                   entity: input_text.Bose_1_Source
                                         - type: vertical-stack
                                           cards:
                                             - type: entities
                                               entities:
                                                 - type: 'custom:slider-entity-row'
                                                   entity: input_number.Bose_1_Volume
                                                   full_row: true
                                               show_header_toggle: null
                                         - type: vertical-stack
                                           cards:
                                             - type: picture-elements
                                               image: /cards/bg_tr_bose_klein.png
                                               elements:
                                                 - type: image
                                                   image: /cards/power.png
                                                   entity: switch.bose_1_an_aus
                                                   state_filter:
                                                     'true': brightness(100%) saturate
                                                     'false': brightness(100%) saturate(0.0)
                                                   tap_action:
                                                     action: toggle
                                                   hold_action:
                                                     action: none
                                                   style:
                                                     top: 17px
                                                     left: 10%
                                                     width: 7%
                                                 - type: image
                                                   image: /cards/usb.png
                                                   entity: switch.Bose_1_Source
                                                   state_filter:
                                                     'true': brightness(100%) saturate(0.0)
                                                     'false': brightness(100%) saturate
                                                   tap_action:
                                                     action: toggle
                                                   hold_action:
                                                     action: none
                                                   style:
                                                     top: 15px
                                                     left: 90%
                                                     width: 7%
                                 - title: Licht
                                   path: ''
                                   icon: 'mdi:lightbulb-on-outline'
                                   badges: []
                                   cards:
                                     - type: entities
                                       entities:
                                         - entity: light.auto_an
                                           name: Automatisch einschalten
                                           icon: 'mdi:clock'
                                         - entity: light.auto_aus
                                           name: Automatisch ausschalten
                                           icon: 'mdi:clock'
                                       show_header_toggle: false
                                     - type: entities
                                       entities:
                                         - entity: light.steckdose_sofa
                                           name: Wohnzimmer
                                         - entity: light.steckdose_esszimmer
                                           name: Esszimmer
                                         - entity: light.steckdose_kueche
                                           name: Küche
                                         - entity: light.steckdose_var_1
                                           name: Stern
                                         - entity: light.steckdose_var_2
                                           name: Kranz
                                         - entity: light.steckdose_flur_oben
                                           name: Flur oben
                                         - entity: light.steckdose_flur_unten
                                           name: Flur unten
                                       title: Lichter
                                       state_color: false
                                 - title: System
                                   path: system
                                   icon: 'mdi:cpu-32-bit'
                                   badges: []
                                   cards:
                                     - type: 'custom:stack-in-card'
                                       mode: vertical
                                       keep:
                                         box_shadow: false
                                         margin: false
                                         border_radius: true
                                         outer_padding: true
                                       cards:
                                         - type: picture
                                           image: /cards/cpu.png
                                           tap_action:
                                             action: none
                                           hold_action:
                                             action: ''
                                         - type: markdown
                                           content: '---'
                                           title: System
                                     - type: 'custom:stack-in-card'
                                       mode: vertical
                                       keep:
                                         box_shadow: false
                                         margin: false
                                         border_radius: true
                                         outer_padding: true
                                       cards:
                                         - type: markdown
                                           content: '---'
                                           title: Raspberry
                                         - type: horizontal-stack
                                           cards:
                                             - type: gauge
                                               entity: sensor.CPU_Auslastung
                                               min: 0
                                               max: 100
                                               name: CPU
                                             - type: gauge
                                               entity: sensor.CPU_Temp
                                               min: 0
                                               max: 100
                                               name: CPU-Temp.
                                         - type: horizontal-stack
                                           cards:
                                             - type: gauge
                                               entity: sensor.RAM
                                               min: 0
                                               max: 100
                                             - type: gauge
                                               entity: sensor.sd_karte_prozent
                                               min: 0
                                               max: 100
                                               name: SD-Karte
                                               unit: '%'
                                         - type: iframe
                                           url: >-
                                             https://192.168.99.33:8082/adapter/echarts/chart/index.html?preset=echarts.0.System.Pi4
                                           aspect_ratio: 50%
                                     - type: 'custom:stack-in-card'
                                       cards:
                                         - type: markdown
                                           content: '---'
                                           title: CCU
                                         - type: horizontal-stack
                                           cards:
                                             - type: picture-entity
                                               entity: input_number.Servicemeldungen_CCU
                                               show_name: true
                                               show_state: false
                                               state_image:
                                                 '0': /cards/garage_auf.png
                                                 '1': /cards/1.png
                                                 '2': /cards/1.png
                                                 '3': /cards/1.png
                                                 '4': /cards/1.png
                                                 '5': /cards/1.png
                                                 '6': /cards/1.png
                                             - type: gauge
                                               entity: sensor.Duty_Cycle
                                               min: 0
                                               max: 100
                                               name: Duty Cycle
                                             - type: picture-elements
                                               elements:
                                                 - type: state-label
                                                   entity: input_text.ccu_an_seit_text
                                                   style:
                                                     top: 40%
                                                     left: 50%
                                                 - type: state-label
                                                   entity: input_text.ccu_uptime
                                                   style:
                                                     top: 70%
                                                     left: 50%
                                               image: /cards/bg_tr.png
                                         - type: iframe
                                           url: >-
                                             https://192.168.99.33:8082/adapter/echarts/chart/index.html?preset=echarts.0.System.CCU
                                     - type: 'custom:stack-in-card'
                                       mode: vertical
                                       keep:
                                         box_shadow: false
                                         margin: false
                                         border_radius: true
                                         outer_padding: true
                                       cards:
                                         - type: markdown
                                           content: '---'
                                           title: USV
                                         - type: horizontal-stack
                                           cards:
                                             - type: gauge
                                               entity: sensor.akku_usv
                                               min: 0
                                               max: 100
                                               name: AKKU USV
                                               unit: '%'
                                             - type: gauge
                                               entity: sensor.spannung_usv
                                               min: 0
                                               name: Spannung
                                               max: 15
                                               unit: V
                                             - type: picture-elements
                                               elements:
                                                 - type: state-label
                                                   entity: input_text.letzter_stromausfall_text
                                                   style:
                                                     top: 40%
                                                     left: 50%
                                                 - type: state-label
                                                   entity: input_text.letzter_stromausfall_zeit
                                                   style:
                                                     top: 70%
                                                     left: 50%
                                               image: /cards/bg_tr.png
                                         - type: iframe
                                           url: >-
                                             https://192.168.99.33:8082/adapter/echarts/chart/index.html?preset=echarts.0.USV
                                     - type: markdown
                                       content: '{0_userdata.0.VIS.Akkumeldungen.hmip_akku_tabelle}'
                                       title: HmIP
                                     - type: markdown
                                       content: '{0_userdata.0.VIS.Tabellen.Erreichbarkeit_Sonoff}'
                                       title: Sonoff
                                 - title: Termine
                                   path: termine
                                   icon: 'mdi:calendar'
                                   badges: []
                                   cards:
                                     - type: horizontal-stack
                                       cards:
                                         - type: markdown
                                           content: >-
                                             <center><b>Restmüll</b><br><img
                                             src="/cards/muell_schwarz.png"><br>
                                
                                             {0_userdata.0.Muell.Texte_fuer_vis.Restmuell}
                                         - type: markdown
                                           content: |-
                                             <center><b>Gelbersack</b><br><img src="/cards/muell_gelb.png"><br>
                                             {0_userdata.0.Muell.Texte_fuer_vis.Gelber_Sack}
                                         - type: markdown
                                           content: |-
                                             <center><b>Papiermüll</b><br><img src="/cards/muell_blau.png"><br>
                                             {0_userdata.0.Muell.Texte_fuer_vis.Papiermuell}
                                         - type: markdown
                                           content: |-
                                             <center><b>Biomüll</b><br><img src="/cards/muell_braun.png"><br>
                                             {0_userdata.0.Muell.Texte_fuer_vis.Biomuell}
                                     - type: markdown
                                       content: '{ical.1.data.html}'
                                       title: Termine
                                 - title: Energie
                                   path: energie
                                   icon: 'mdi:power-socket-jp'
                                   badges: []
                                   cards:
                                     - type: markdown
                                       content: >-
                                         <font size="5">Waschmaschine
                                         {sonoff.0.steckdose_waschmaschine.ENERGY_Power} W </font>
                                
                                         <table>
                                          <tr>
                                           <td></td>
                                           <td ALIGN="CENTER"><b>2020</b></td>
                                           <td ALIGN="CENTER"><b>2021</b></td>
                                          </tr>
                                          <tr>
                                           <td><b>Wäschen ges. </b></td>
                                           <td ALIGN="CENTER">{0_userdata.0.Zaehlen.Waschmaschine.gaenge_vorjahr}</td>
                                           <td ALIGN="CENTER">{0_userdata.0.Zaehlen.Waschmaschine.gaenge}</td>
                                          </tr>
                                          <tr>
                                           <td><b>Ø pro Tag</b></td>
                                           <td ALIGN="CENTER">{0_userdata.0.Zaehlen.Waschmaschine.garnge_pro_tag_vorjahr}</td>
                                           <td ALIGN="CENTER">{0_userdata.0.Zaehlen.Waschmaschine.garnge_pro_tag}</td>
                                          </tr>
                                         <tr>
                                
                                         <td><b>Ø pro Monat</b></td>
                                
                                         <td ALIGN="CENTER">
                                
                                         {0_userdata.0.Zaehlen.Waschmaschine.garnge_pro_monat_vorjahr}
                                
                                         </td>
                                
                                         <td align="Center">
                                
                                         {0_userdata.0.Zaehlen.Waschmaschine.garnge_pro_monat}
                                
                                         </td>
                                          <tr>
                                           <td width=30%><b>Kosten ges.</b></td>
                                           <td  ALIGN="CENTER" width=52%>{0_userdata.0.Zaehlen.Waschmaschine.Kosten_ges_Vorjahr} €</td>
                                           <td  ALIGN="CENTER" width=52%>{sourceanalytix.0.sonoff__0__steckdose_waschmaschine__ENERGY_Total.currentYear.costs.05_currentYear} €</td>
                                          </tr>
                                          <tr>
                                           <td><b>Ø pro Gang</b></td>
                                           <td ALIGN="CENTER">{0_userdata.0.Zaehlen.Waschmaschine.kosten_pro_gang_vorjahr} €</td>
                                           <td ALIGN="CENTER">{0_userdata.0.Zaehlen.Waschmaschine.kosten_pro_gang} €</td>
                                          </tr>
                                         </table>
                                     - type: markdown
                                       content: >-
                                         <font size="5">Trockner {sonoff.0.steckdose_trockner.ENERGY_Power} W
                                         </font>
                                
                                         <table>
                                          <tr>
                                           <td></td>
                                           <td ALIGN="CENTER"><b>2020</b></td>
                                           <td ALIGN="CENTER"><b>2021</b></td>
                                          </tr>
                                          <tr>
                                           <td><b>Wäschen ges. </b></td>
                                           <td ALIGN="CENTER">{0_userdata.0.Zaehlen.Trockner.gaenge_vorjahr}</td>
                                           <td ALIGN="CENTER">{0_userdata.0.Zaehlen.Trockner.gaenge}</td>
                                          </tr>
                                          <tr>
                                           <td><b>Ø pro Tag</b></td>
                                           <td ALIGN="CENTER">{0_userdata.0.Zaehlen.Trockner.garnge_pro_tag_vorjahr}</td>
                                           <td ALIGN="CENTER">{0_userdata.0.Zaehlen.Trockner.garnge_pro_tag}</td>
                                          </tr>
                                         <tr>
                                
                                         <td><b>Ø pro Monat</b></td>
                                
                                         <td ALIGN="CENTER">
                                
                                         {0_userdata.0.Zaehlen.Trockner.garnge_pro_monat_vorjahr}
                                
                                         </td>
                                
                                         <td align="Center">
                                
                                         {0_userdata.0.Zaehlen.Trockner.garnge_pro_monat}
                                
                                         </td>
                                          <tr>
                                           <td width=30%><b>Kosten ges.</b></td>
                                           <td  ALIGN="CENTER" width=52%>{0_userdata.0.Zaehlen.Trockner.Kosten_ges_Vorjahr} €</td>
                                           <td  ALIGN="CENTER" width=52%>{sourceanalytix.0.sonoff__0__steckdose_trockner__ENERGY_Total.currentYear.costs.05_currentYear} €</td>
                                          </tr>
                                          <tr>
                                           <td><b>Ø pro Gang</b></td>
                                           <td ALIGN="CENTER">{0_userdata.0.Zaehlen.Trockner.kosten_pro_gang_vorjahr} €</td>
                                           <td ALIGN="CENTER">{0_userdata.0.Zaehlen.Trockner.kosten_pro_gang} €</td>
                                          </tr>
                                         </table>
                                     - type: markdown
                                       content: |-
                                         <table>
                                          <tr>
                                           <td width=10% align=center>Kosten 2021</td>
                                           <TD width=10% align=center>Kosten pro Monat (hochgerechnet)</td>
                                          <td width=10% align=center>Kosten pro Jahr (hochgerechnet)</td>
                                          </tr>
                                          <tr>
                                           <td align=center>{sourceanalytix.0.sonoff__0__steckdose_kuehltruhe__ENERGY_Total.currentYear.costs.05_currentYear} €</td>
                                           <td align=center>{0_userdata.0.Zaehlen.Gefrierschrank.ca_verbrauch_monat} €</td>
                                           <td align=center>{0_userdata.0.Zaehlen.Gefrierschrank.ca_verbrauch_jahr} €</td>
                                          </tr>
                                
                                
                                         </table>
                                       title: Gefrierschrank
                                 - title: TV
                                   path: tv
                                   icon: 'hass:television'
                                   badges: []
                                   cards:
                                     - type: 'custom:slider-entity-row'
                                       entity: input_number.lautstaerke_frrnseher
                                       full_row: true
                                     - type: vertical-stack
                                       cards:
                                         - type: horizontal-stack
                                           cards:
                                             - type: button
                                               tap_action:
                                                 action: toggle
                                               entity: light.schalter_2015
                                               show_name: true
                                               show_icon: true
                                               show_state: false
                                               name: '20:15'
                                               icon: 'hass:clock'
                                             - type: button
                                               tap_action:
                                                 action: toggle
                                               entity: light.schalter_aktuell
                                               show_name: true
                                               show_icon: true
                                               name: aktuell
                                               icon: 'hass:clock'
                                         - type: conditional
                                           conditions:
                                             - entity: light.schalter_2015
                                               state: 'on'
                                           card:
                                             type: markdown
                                             content: '{0_userdata.0.VIS.tvprogramm.2015}'
                                         - type: conditional
                                           conditions:
                                             - entity: light.schalter_aktuell
                                               state: 'on'
                                           card:
                                             type: markdown
                                             content: '{0_userdata.0.VIS.tvprogramm.aktuell}'
                                 - title: Wir
                                   path: wir
                                   icon: 'mdi:face'
                                   badges: []
                                   cards:
                                     - type: map
                                       entities:
                                         - entity: geo_location.David_G_
                                         - entity: geo_location.Ann_Christin_Graef
                                       hours_to_show: 5
                                     - type: history-graph
                                       entities:
                                         - entity: sensor.David_Home
                                           name: David
                                         - entity: sensor.Tin_Home
                                           name: Tin
                                       refresh_interval: 0
                                       hours_to_show: 24
                                     - type: markdown
                                       content: >-
                                         David, {google-sharedlocations.0.user.102784136203768362088.battery}%
                                         Akku
                                
                                         {google-sharedlocations.0.user.102784136203768362088.address}
                                
                                
                                         Tin, {google-sharedlocations.0.user.110377221062377408374.battery}%
                                         Akku
                                
                                         {google-sharedlocations.0.user.110377221062377408374.address} 
                                       title: 'Wo ist wer:'
                                 - title: Netzwerk
                                   path: netzwerk
                                   icon: 'mdi:network'
                                   badges: []
                                   cards:
                                     - type: iframe
                                       title: Internet
                                       url: >-
                                         https://192.168.99.33:8082/adapter/echarts/chart/index.html?preset=echarts.0.System.Internet
                                     - type: markdown
                                       content: '{0_userdata.0.VIS.ping.ping_tabelle}'
                                       title: Erreichbarkeit
                                 - path: default_view
                                   title: Tests
                                   icon: 'mdi:help-circle-outline'
                                   badges: []
                                   cards:
                                     - type: 'custom:theme-maker'
                                     - type: entities
                                       style: |
                                         ha-card {
                                           background: none;
                                           box-shadow: none;
                                           --secondary-text-color: var(--primary-text-color);
                                         } 
                                       title: My Title
                                       entities:
                                         - entity: binary_sensor.Schloss_Haustuere
                                     - type: entities
                                       style: |
                                         ha-card {
                                           color: red;
                                         }
                                       entities:
                                         - binary_sensor.Schloss_Haustuere
                                     - type: entities
                                       style: |
                                         ha-card {
                                           font-variant: small-caps;
                                         }
                                         .card-header {
                                           font-size: 16px;
                                         }
                                       entities:
                                         - binary_sensor.Schloss_Haustuere
                                     - type: button
                                       tap_action:
                                         action: toggle
                                       hold_action:
                                         action: more-info
                                       show_icon: true
                                       show_name: true
                                       entity: switch.batterietest
                                       name: Batterietestbenachrichtigung
                                     - type: media-control
                                       entity: media_player.Wohnzimmer
                                     - type: picture-entity
                                       entity: switch.anlage_scharf
                                       image: 'https://demo.home-assistant.io/stub_config/bedroom.png'
                                       tap_action:
                                         action: none
                                       hold_action:
                                         action: none
                                       name: .
                                       show_state: false
                                       show_name: false
                                       aspect_ratio: 50%
                                     - type: entities
                                       entities:
                                         - entity: switch.alarm_manueller_modus
                                       show_header_toggle: false
                                     - type: conditional
                                       conditions:
                                         - entity: switch.alarm_manueller_modus
                                           state: 'on'
                                       card:
                                         type: entities
                                         entities:
                                           - entity: input_text.pin_vis
                                             name: PIN
                                             icon: 'mdi:key'
                                     - type: conditional
                                       conditions:
                                         - entity: input_text.pin_vis
                                           state: '12345'
                                       card:
                                         type: entities
                                         entities:
                                           - entity: switch.anlage_scharf
                                             name: aktivieren/deaktivieren
                                     - type: vertical-stack
                                       cards:
                                         - type: horizontal-stack
                                           cards:
                                             - type: button
                                               tap_action:
                                                 action: toggle
                                               hold_action:
                                                 action: more-info
                                               show_icon: true
                                               show_name: false
                                               entity: switch.Bose_1
                                             - type: button
                                               tap_action:
                                                 action: toggle
                                               hold_action:
                                                 action: more-info
                                               show_icon: true
                                               show_name: false
                                               entity: switch.Bose_1
                                             - type: button
                                               tap_action:
                                                 action: toggle
                                               hold_action:
                                                 action: more-info
                                               show_icon: true
                                               show_name: false
                                               entity: switch.Bose_1
                                             - type: button
                                               tap_action:
                                                 action: toggle
                                               hold_action:
                                                 action: more-info
                                               show_icon: true
                                               show_name: false
                                               entity: switch.Bose_1
                                             - type: button
                                               tap_action:
                                                 action: toggle
                                               hold_action:
                                                 action: more-info
                                               show_icon: true
                                               show_name: false
                                               entity: switch.Bose_1
                                             - type: button
                                               tap_action:
                                                 action: toggle
                                               hold_action:
                                                 action: more-info
                                               show_icon: true
                                               show_name: false
                                               entity: switch.Bose_1
                                             - type: button
                                               tap_action:
                                                 action: toggle
                                               hold_action:
                                                 action: more-info
                                               show_icon: true
                                               show_name: false
                                               entity: switch.Bose_1
                                             - type: button
                                               tap_action:
                                                 action: toggle
                                               hold_action:
                                                 action: more-info
                                               show_icon: true
                                               show_name: false
                                               entity: switch.Bose_1
                                             - type: button
                                               tap_action:
                                                 action: toggle
                                               hold_action:
                                                 action: more-info
                                               show_icon: true
                                               show_name: false
                                               entity: switch.Bose_1
                                             - type: button
                                               tap_action:
                                                 action: toggle
                                               hold_action:
                                                 action: more-info
                                               show_icon: true
                                               show_name: false
                                               entity: switch.Bose_1
                                         - type: entity
                                           entity: sensor.Duty_Cycle
                                     - type: entities
                                       entities:
                                         - entity: input_select.test_input_select
                                         - entity: sensor.HUMIDITY
                                         - entity: sensor.SD_Karte
                                     - type: 'custom:stack-in-card'
                                       mode: vertical
                                       keep:
                                         box_shadow: false
                                         margin: true
                                         border_radius: true
                                         outer_padding: true
                                       cards:
                                         - type: horizontal-stack
                                           cards:
                                             - type: picture-entity
                                               image: /cards/davidd.jpg
                                               entity: switch.David
                                               show_name: false
                                               show_state: false
                                             - type: picture-entity
                                               image: /cards/tinn.jpg
                                               entity: switch.Tin
                                               show_name: false
                                               show_state: false
                                         - type: vertical-stack
                                           cards:
                                             - type: markdown
                                               content: '---'
                                               title: Anwesend
                                         - type: vertical-stack
                                           cards:
                                             - type: history-graph
                                               entities:
                                                 - entity: switch.Tin
                                                 - entity: switch.David
                                               refresh_interval: 0
                                               hours_to_show: 24
                                     - type: entities
                                       entities:
                                         - entity: sensor.LOWBAT
                                         - entity: switch.alarm_ausgeloest
                                         - entity: switch.Antrieb_Garage
                                         - entity: input_text.Bose_1_Sender
                                         - entity: switch.BOSE_PRESET_2
                                     - type: shopping-list
                                       title: Infos
                                     - type: markdown
                                       content: >-
                                         <b>Waschmaschine</b>
                                
                                
                                         Steckdose
                                
                                         {sonoff.0.steckdose_waschmaschine.ENERGY_Total}
                                
                                         SA
                                
                                         {sourceanalytix.0.sonoff__0__steckdose_waschmaschine__ENERGY_Total.Current_Reading}
                                
                                
                                         <b>Trockner</b>
                                
                                
                                         Steckdose
                                
                                         {sonoff.0.steckdose_trockner.ENERGY_Total}
                                
                                         SA
                                
                                         {sourceanalytix.0.sonoff__0__steckdose_trockner__ENERGY_Total.Current_Reading}
                                
                                
                                         <b>Kühltruhe</b>
                                
                                
                                         Steckdose
                                
                                         {sonoff.0.steckdose_kuehltruhe.ENERGY_Total}
                                
                                         SA
                                
                                         {sourceanalytix.0.sonoff__0__steckdose_kuehltruhe__ENERGY_Total.Current_Reading}
                                       title: Gesamtverbrauch
                                     - type: markdown
                                       content: >-
                                         <table style="width: 100%;">
                                
                                         <tbody>
                                
                                         <tr>
                                
                                         <td width=100%><b><font size="3">Gerät</b></td></font>
                                
                                         <td ALIGN="CENTER"><b><font size="3">Status</b></td></font>
                                
                                         </tr>
                                
                                         <tr>
                                
                                         <td colspan="2">
                                
                                         <hr>
                                
                                         </dt>
                                
                                         </tr>
                                
                                         <tr>
                                
                                         <td>ONLINE</td>
                                
                                         <td ALIGN="CENTER">{a:ping.0.iobroker.Google_.alive;a === true || a
                                         === 'true' ? '<font size="3"><b><font color=green>● ' : '<font
                                         color=red><font size="3">●</font> '}</td>
                                
                                         </tr>
                                
                                         <tr>
                                
                                         <td>VPN Druckerei</td>
                                
                                         <td ALIGN="CENTER">{a:ping.0.iobroker.sophosfirma;a === true || a ===
                                         'true' ? '<font size="3"><b><font color=green>● ' : '<font
                                         color=red><font size="3">●</font> '}</td>
                                
                                         </tr>
                                
                                         <tr>
                                
                                         <td colspan="2">
                                
                                         <hr>
                                
                                         </dt>
                                
                                         </tr>
                                
                                         <tr>
                                
                                         <td>David Handy</td>
                                
                                         <td ALIGN="CENTER">{a:ping.0.iobroker.Davidhandy;a === true || a ===
                                         'true' ? '<font size="3"><b><font color=green>● ' : '<font
                                         color=red><font size="3">●</font> '}</td>
                                
                                         </tr>
                                
                                         <tr>
                                
                                         <td>Tin Handy</td>
                                
                                         <td ALIGN="CENTER">{a:ping.0.iobroker.Tinhandy;a === true || a ===
                                         'true' ? '<font size="3"><b><font color=green>● ' : '<font
                                         color=red><font size="3">●</font> '}</td>
                                
                                         </tr>
                                
                                         <tr>
                                
                                         <td>NAS</td>
                                
                                         <td ALIGN="CENTER">{a:ping.0.iobroker.192_168_99_22;a === true || a
                                         === 'true' ? '<font size="3"><b><font color=green>● ' : '<font
                                         color=red><font size="3">●</font> '}</td>
                                
                                         </tr>
                                
                                         <tr>
                                
                                         <td>Bose Soundtouch</td>
                                
                                         <td ALIGN="CENTER">{a:ping.0.iobroker.Bose_Soundtuch;a === true || a
                                         === 'true' ? '<font size="3"><b><font color=green>● ' : '<font
                                         color=red><font size="3">●</font> '}</td>
                                
                                         </tr>
                                
                                         <tr>
                                
                                         <td>CCU3</td>
                                
                                         <td ALIGN="CENTER">{a:ping.0.iobroker.Ccu3;a === true || a === 'true'
                                         ? '<font size="3"><b><font color=green>● ' : '<font color=red><font
                                         size="3">●</font> '}</td>
                                
                                         </tr>
                                
                                         <tr>
                                
                                         <td>Digibit R1</td>
                                
                                         <td ALIGN="CENTER">{a:ping.0.iobroker.Digibit_;a === true || a ===
                                         'true' ? '<font size="3"><b><font color=green>● ' : '<font
                                         color=red><font size="3">●</font> '}</td>
                                
                                         </tr>
                                
                                         <tr>
                                
                                         <td>Fire TV</td>
                                
                                         <td ALIGN="CENTER">{a:ping.0.iobroker.FireTV_TV;a === true || a ===
                                         'true' ? '<font size="3"><b><font color=green>● ' : '<font
                                         color=red><font size="3">●</font> '}</td>
                                
                                         </tr>
                                
                                         <tr>
                                
                                         <td>PS4</td>
                                
                                         <td ALIGN="CENTER">{a:ping.0.iobroker.PS4;a === true || a === 'true' ?
                                         '<font size="3"><b><font color=green>● ' : '<font color=red><font
                                         size="3">●</font> '}</td>
                                
                                         </tr>
                                
                                         <tr>
                                
                                         <td>Webcam Kinderzimmer 2</td>
                                
                                         <td ALIGN="CENTER">{a:ping.0.iobroker.Webcam_bh;a === true || a ===
                                         'true' ? '<font size="3"><b><font color=green>● ' : '<font
                                         color=red><font size="3">●</font> '}</td>
                                
                                         </tr>
                                
                                         </tbody>
                                
                                         </table>
                                     - type: 'custom:clockwork-card'
                                       locale: de-De
                                       other_time:
                                         - America/New_York
                                         - Australia/Sydney
                                         - America/Los_Angeles
                                hideToolbar: false
                                resources:
                                 - type: module
                                   url: /cards/accuweather-card.js
                                 - type: module
                                   url: /cards/button-card.js
                                 - type: module
                                   url: /cards/card-mod.js
                                 - type: jpg
                                   url: /cards/david.jpg
                                 - type: jpg
                                   url: /cards/diebstahl.jpg
                                 - type: png
                                   url: /cards/door-closed-lock.png
                                 - type: svg
                                   url: /cards/door-closed-lock.svg
                                 - type: png
                                   url: /cards/door-open.png
                                 - type: svg
                                   url: /cards/door-open.svg
                                 - type: jpg
                                   url: /cards/garage_auf.jpg
                                 - type: png
                                   url: /cards/garage_auf.png
                                 - type: jpg
                                   url: /cards/garage_zu.jpg
                                 - type: png
                                   url: /cards/garage_zu.png
                                 - type: jpg
                                   url: /cards/pi.jpg
                                 - type: module
                                   url: /cards/stack-in-card.js
                                 - type: svg
                                   url: /cards/test.svg
                                 - type: module
                                   url: /cards/theme-maker.js
                                 - type: jpg
                                   url: /cards/tin.jpg
                                 - type: module
                                   url: /cards/vertical-stack-in-card.js
                                
                                

                                Und mein Theme

                                noctis:  
                                
                                 # Fonts
                                 primary-font-family: 'Raleway,sans-serif'
                                 paper-font-common-base_-_font-family: "var(--primary-font-family)"
                                 paper-font-common-code_-_font-family: "var(--primary-font-family)"
                                 paper-font-body1_-_font-family: "var(--primary-font-family)"
                                 paper-font-subhead_-_font-family: "var(--primary-font-family)"
                                 paper-font-headline_-_font-family: "var(--primary-font-family)"
                                 paper-font-caption_-_font-family: "var(--primary-font-family)"
                                 paper-font-title_-_font-family: "var(--primary-font-family)"
                                 ha-card-header-font-family: "var(--primary-font-family)"
                                
                                 # Text
                                 text-color: '#ffffff' 
                                 primary-text-color: 'var(--text-color)'
                                 text-primary-color: 'var(--text-color)'
                                 secondary-text-color: "#BAC0C6"
                                 text-medium-light-color: '#A0A2A8'
                                 text-medium-color: '#80828A'
                                 disabled-text-color: '#626569'
                                 primary-color: 'var(--accent-color)'
                                 
                                 # Main Colors
                                 app-header-background-color: '#242e42'
                                 accent-color: '#1A89F5'
                                 accent-medium-color: 'var(--accent-color)'
                                
                                 # Background
                                 background-color: '#242e42'
                                 primary-background-color: 'var(--background-color)'
                                 background-color-2: '#20293c' 
                                 secondary-background-color: 'none'
                                 markdown-code-background-color: 'var(--background-color)'
                                 
                                 # Card
                                 card-background-color: 'var(--ha-card-background)'
                                 ha-card-background: 'rgba(43,55,78,1)' #'linear-gradient(145deg, #273246, #2e3b53)'
                                 ha-card-box-shadow: "3px 3px 13px -6px rgba(17,35,52,1)"
                                 ha-card-border-radius: "5px"
                                 border-color: 'none'
                                
                                 # Icons
                                 paper-item-icon-color: '#EBEBEB'
                                 paper-item-icon-active-color: 'var(--accent-color)'
                                 
                                 # Sidebar
                                 sidebar-background-color: 'var(--background-color)'
                                 sidebar-icon-color: '#98a7b9'
                                 sidebar-selected-icon-color: 'var(--accent-color)'
                                 sidebar-selected-text-color: 'var(--text-color)'
                                 paper-listbox-background-color: 'var(--sidebar-background-color)'
                                 divider-color: 'var(--background-color)'
                                 light-primary-color: 'var(--ha-card-background)'
                                
                                 # Sliders
                                 paper-slider-knob-color: 'var(--accent-color)'
                                 paper-slider-pin-color: 'var(--background-color-2)'
                                 paper-slider-active-color: 'var(--accent-color)'
                                 paper-slider-container-color: 'var(--background-color-2)'
                                
                                 # Toggle:
                                 paper-toggle-button-checked-bar-color: 'var(--accent-color)'
                                 mdc-theme-primary: 'var(--accent-color)'
                                
                                 # Switch
                                 switch-unchecked-color: '#70889e'
                                 switch-checked-button-color: 'var(--accent-color)'
                                 switch-unchecked-track-color: 'var(--background-color-2)'
                                 switch-checked-track-color: 'var(--background-color-2)'
                                
                                 # Radio Button
                                 paper-radio-button-checked-color: 'var(--accent-color)'
                                
                                 # Popups
                                 more-info-header-background: 'var(--secondary-background-color)'
                                 paper-dialog-background-color: 'var(--background-color)' #'rgba(47,59,82,0.4)'
                                
                                 # Tables
                                 table-row-background-color: 'var(--background-color)'
                                 table-row-alternative-background-color: 'var(--ha-card-background)'
                                
                                 # Badges
                                 label-badge-background-color: 'var(--background-color)'
                                 label-badge-text-color: 'var(--text-primary-color)'
                                 label-badge-red: 'rgba(73,85,108,1)'
                                 label-badge-blue: 'rgba(26,137,245,1)'
                                 label-badge-green: 'rgba(0,202,139,1)'
                                 label-badge-yellow: 'rgba(222,176,107,1)'
                                
                                 paper-input-container-focus-color: 'var(--accent-color)'
                                 
                                 # Custom Header
                                 ch-background: 'var(--background-color)'
                                 ch-active-tab-color: 'var(--accent-color)'
                                 ch-notification-dot-color: 'var(--accent-color)'
                                 ch-all-tabs-color: 'var(--sidebar-icon-color)'
                                 ch-tab-indicator-color: 'var(--accent-color)'
                                
                                 # Mini Mediaplayer
                                 mini-media-player-base-color: 'var(--text-color)'
                                 mini-media-player-accent-color: 'var(--accent-color)'
                                

                                Meine Custom-Cards

                                 - type: module
                                   url: /cards/accuweather-card.js
                                 - type: module
                                   url: /cards/button-card.js
                                 - type: module
                                   url: /cards/card-mod.js
                                 - type: module
                                   url: /cards/stack-in-card.js
                                 - type: module
                                   url: /cards/theme-maker.js
                                 - type: module
                                   url: /cards/vertical-stack-in-card.js
                                
                                

                                Die Blocklys kann ich leider nicht Posten. Dann bekomme ich die Meldung, dass die maximale länge des Posts überschritten wird....

                                1 Reply Last reply Reply Quote 1
                                • H
                                  haumichel @Guest last edited by

                                  @philo686
                                  Hallo,
                                  kannst du mir sagen, welche "battery-entity" du genau genommen hast? Ich bekomme die, die ich von GitHub bezogen habe, nicht in Lovelace eingebunden. Egal was ich auch mache, es gibt folgende Fehlermeldung:
                                  Custom element doesn't exist: battery-entity.
                                  Ich kann mich erinnern, dass es auf GitHub mal eine "button-card" gab, die schlichtweg kaputt war.

                                  Vielen Dank

                                  ? 1 Reply Last reply Reply Quote 0
                                  • dontobi
                                    dontobi last edited by

                                    Anbei ein Script für die Anzeige der Pollenflug daten, vom gleichnamigen Adapter.

                                    Hier der Code des Scripts. Wer es für sich anpassen möchte, sollte das Objekt (Zeile 4 und 15) und die Region (Zeile 22 und 23) anpassen.

                                    // Pollenflug - Aufbereitung der Daten für die Anzeige in der Lovelace UI
                                    
                                    createState('javascript.0.Lovelace.pollenflug', { name: 'Pollenflug - HTML', type: 'string', read: true, write: true, });
                                    
                                    // Um 11:00 Uhr werden die Adapter-Daten aktualisiert - 11:05 Uhr werden die HTML-Daten neu erzeugt
                                    schedule("5 11 * * *", async function () {
                                        let htmlStr = '';
                                        let pollen =['Ambrosia','Beifuss','Birke','Erle','Esche','Graeser','Hasel','Roggen'];
                                        htmlStr = ['<table style="width: 100%;"><tbody><tr><td width=100%><b><font size="3">Typ</b></td></font><td ALIGN="CENTER"><b><font size="3">Heute</td><td><b><font size="3">Morgen</td></b></font></tr><tr><td colspan="3"><hr></dt></tr>'].join('');
                                        for (let j = 0; j< pollen.length ; j++) {
                                            htmlStr = htmlStr + auswertung(pollen[j]);
                                        }
                                        htmlStr = htmlStr + ['</tbody></table>'].join('');
                                        setState('javascript.0.Lovelace.pollenflug', htmlStr, true);
                                    });
                                    
                                    function auswertung(name){
                                        let html = '';
                                        let farbe_heute = '';
                                        let farbe_morgen = '';
                                        const heute = getState('pollenflug.0.region#101.'+name+'.index_today').val;
                                        const morgen = getState('pollenflug.0.region#101.'+name+'.index_tomorrow').val;
                                        // Berechnung Pollenflug heute
                                        if (heute == 0) {
                                            farbe_heute = '#00FF00';
                                        } else if (heute == 1) {
                                            farbe_heute = '#FFFF00';
                                        } else if (heute == 2) {
                                            farbe_heute = '#FFCC00';
                                        } else if (heute == 3) {
                                            farbe_heute = '#FF9900';
                                        } else if (heute == 4) {
                                            farbe_heute = '#FF6600';
                                        } else if (heute == 5) {
                                            farbe_heute = '#FF3300';
                                        } else if (heute == 6) {
                                            farbe_heute = '#FF0000';
                                        }
                                        // Berechnung Pollenflug morgen
                                        if (morgen == 0) {
                                            farbe_morgen = '#00FF00';
                                        } else if (morgen == 1) {
                                            farbe_morgen = '#FFFF00';
                                        } else if (morgen == 2) {
                                            farbe_morgen = '#FFCC00';
                                        } else if (morgen == 3) {
                                            farbe_morgen = '#FF9900';
                                        } else if (morgen == 4) {
                                            farbe_morgen = '#FF6600';
                                        } else if (morgen == 5) {
                                            farbe_morgen = '#FF3300';
                                        } else if (morgen == 6) {
                                            farbe_morgen = '#FF0000';
                                        }
                                        // Setze die Daten zusammen
                                        html = ['<tr><td><b>',name,'</b>','</td><td ALIGN="CENTER"><font size="3" color=',farbe_heute,'>●</font></td><td ALIGN="CENTER"><font size="3" color=',farbe_morgen,'>●</font></td></tr>'].join('');
                                        return html;
                                    }
                                    

                                    Ergebnis sieht dann so aus.
                                    4dfb5051-0946-4ba9-815f-c3f5edc29217-image.png

                                    1 Reply Last reply Reply Quote 1
                                    • ?
                                      A Former User @haumichel last edited by

                                      @haumichel Sry für meine späte Rückmeldung, war ewig nicht mehr im Forum... soweit ich mich erinnern kann war das folgende: https://github.com/cbulock/lovelace-battery-entity/blob/master/README.md

                                      1 Reply Last reply Reply Quote 0
                                      • M
                                        MaHzeL @M1R0O last edited by

                                        @m1r0o
                                        Hallo,
                                        Darf ich fragen wie ich die App Header Toolbar Farbe ändern kann?
                                        Die ist immer dieses Standard blau.
                                        Trotz des Parameters im Theme
                                        Header app-header-background-color:

                                        Bitte um Hilfe. Danke

                                        1 Reply Last reply Reply Quote 0
                                        • Feuersturm
                                          Feuersturm last edited by Feuersturm

                                          Hallo zusammen,

                                          ich bin gerade dabei die "Willkommensseite" von der ioBroker Doku zu überarbeiten (https://forum.iobroker.net/topic/51919/brainstorming-doku-abschnitt-willkommen/11)

                                          Ich bin aktuell dabei das Kapitel "Visualisierung" zu überarbeiten.
                                          Den aktuellen Entwurfsstand für Lovelace findet ihr hier:
                                          https://github.com/Feuer-sturm/ioBroker.docs/blob/FS-welcome/docs/de/README.md#lovelace

                                          Ich suche weiteren Input für die Doku und würde mich über Rückmeldungen zu den folgenden Themen freuen:

                                          • Kurzbeschreibung / Merkmale von Lovelace ( @Garfonso Kannst du hier unterstützen?)
                                          • Eure Lovelace Views welche in die Doku als Beispiel eingettet werden können und einem Besucher helfen einen ersten Eindruck von Lovelace zu bekommen
                                          David G. Garfonso 2 Replies Last reply Reply Quote 1
                                          • David G.
                                            David G. @Feuersturm last edited by

                                            @feuersturm sagte in Zeigt her eure Lovelace-Visualisierung:

                                            Eure Lovelace Views welche in die Doku als Beispiel eingettet werden können und einem Besucher helfen einen ersten Eindruck von Lovelace zu bekommen

                                            Meine kannst du gerne verwenden. Kann die Screenshots auch am PC neu machen.
                                            Die Frage ist, ob custom-cards verwendet werden dürfen.
                                            Ist "Out of the Box" eben nicht möglich, was Anfänger beim testen irritieren könnte.

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            739
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

                                            template vis
                                            31
                                            98
                                            29981
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo