Mqtt Light state_topic wird ignoriert?

Hallo,
ich versuche eine Mqtt Light Entität zu erstellen.
Dabei gehe ich folgendermaßen vor:
In meiner config.yaml:

mqtt:
  - light:
       name: "Buero"
       unique_id: "Buero"
       command_topic: "modbus/LightButton/set/Buero"
       state_topic: "modbus/LightActualLevel/state/Buero"
       payload_on: "100.0"
       payload_off: "0.0"
       on_command_type: 'first'
       optimistic: false
       state_value_template: "{{ 'on' if value == '100.0' else 'off' }}"

Somit wird mir eine Entität erstellt welche ich in den Entwicklerwerkzeugen unter Zustände auch sehe.


Hier schon meine erste Frage, weshalb Zustand Unknown?
Ich kann mit dem Schalter auch das Licht bedienen über ein kleines Script:

alias: mqttButtonBuero
sequence:
  - service: mqtt.publish
    metadata: {}
    data:
      qos: 0
      retain: false
      topic: modbus/LightButton/set/Buero
      payload: "True"
  - delay:
      hours: 0
      minutes: 0
      seconds: 0
      milliseconds: 200
  - service: mqtt.publish
    metadata: {}
    data:
      qos: 0
      retain: false
      topic: modbus/LightButton/set/Buero
      payload: "False"
mode: single

welches in der custom:button-card aufgerufen wird.

type: custom:button-card
name: Mqtt_Button
icon: |
  [[[
    if (states['light.buero'].value == 'on')
    return 'mdi:lightbulb-on-outline';
    else return 'mdi:lightbulb-outline';
  ]]]
tap_action:
  action: call-service
  service: script.mqttbuttonbuero
styles:
  card:
    - background-color: |
        [[[
          if (states['light.buero'].value == 'off')
            return 'red';       
        ]]]

Beim betätigen des Tasters ändert sich auch der State des Topics von 0.0 auf 100.0:

Und so dachte ich, würde sich der custom:button-card in seiner Farbe ändern.
Tut er aber nicht, und ich komme nicht drauf weshalb.
Vielleicht kann mir jemand helfen.
MfG
Patrick