- type: vertical-stack
    cards:
      - type: horizontal-stack
        cards:
          - type: custom:button-card
            template: title
            name: Devices

      - type: custom:layout-card
        layout_type: grid

        layout_options:
          grid-template-columns: 1fr 1fr
          grid-template-rows: auto
          grid-gap: 0px 4px
          mediaquery:
            "(max-width: 450px)":
              grid-template-columns: 1fr 1fr
        cards:
          - type: 'custom:button-card'
            template: card_light
            entity: light.guests_bathroom
            variables:
              ulm_card_light_name: Guests

          - type: 'custom:button-card'
            template: card_light
            entity: light.kids_shower_light
            variables:
              ulm_card_light_name: Kids

  - type: vertical-stack
    cards:
      - type: custom:layout-card
        layout_type: grid

        layout_options:
          grid-template-columns: 1fr 1fr
          grid-template-rows: auto
          grid-gap: 0px 4px
          mediaquery:
            "(max-width: 450px)":
              grid-template-columns: 1fr
        cards:
          - type: 'custom:button-card'
            template: card_light
            entity: light.shower_parents_light
            variables:
              ulm_card_light_name: Parents