Problem bei Tankerkönig die Preise farblich darzustellen

Hallo zusammen,

lange habe ich rumprobiert um nicht die Farbe des Icon sondern die Farbe des Preises je nach Wert zu verändern. Es ist mir soweit auch gelungen, allerdings habe ich das Problem, wenn die Tankstelle zu hat, das es das Wort “Geschlossen” nicht ordentlich formatiert und die Darstellung aus den Fugen gerät. Am liebsten wäre es mir, wenn das Wort “Geschl.” in Grau und in der Schriftgröße vom Preis gezeigt wird. Vielleicht hat einer einen Tipp wie ich bei der farblichen Formatierung der Preise den Zustand “unbekannt” bzw. “Geschlossen” richtig einbauen kann

Wenn offen ist, ist alles OK:

image

Wenn zu ist, dann siehst so aus:

image

type: horizontal-stack
title: Diesel
cards:
  - type: custom:layout-card
    layout_type: custom:grid-layout
    cards:
      - type: custom:mushroom-entity-card
        entity: sensor.supermarkt_tankstelle_boelckestr_78_diesel
        secondary_info: name
        layout: vertical
        tap_action:
          action: more-info
        fill_container: true
        primary_info: none
        name: Metro
        icon: ''
        icon_type: none
        card_mod:
          style: |
            ha-card {
              --card-primary-font-size: 18px;
              --card-secondary-font-size: 16px;
            }
      - type: custom:mushroom-template-card
        icon: mdi:gas-station
        icon_color: ''
        entity: sensor.supermarkt_tankstelle_boelckestr_78_diesel
        tap_action:
          action: more-info
        multiline_secondary: true
        fill_container: true
        secondary: >-
          {% set benzinpreis =
          states('sensor.supermarkt_tankstelle_boelckestr_78_diesel') %} {% if
          benzinpreis != 'unknown' %}
            {{ '%.2f' | format(benzinpreis | float) }} €
          {% else %}
            ZU oder Unbekannt
          {% endif %}
        picture: /local/gasstation_logos/metro_1.png
        layout: vertical
        badge_color: ''
        badge_icon: ''
        primary: ''
        card_mod:
          style: |
            ha-card {
              margin-top: -20px;
              padding: 0;
              --icon-size: 120px;
              --card-primary-font-size: 18px;
              --card-secondary-font-size: 20px;
              --secondary-text-color:
                {% set benzinpreis = states('sensor.supermarkt_tankstelle_boelckestr_78_diesel')
                | float %}
                
                {% if benzinpreis is not none %}
                  {% if benzinpreis <= 1.70 %}
                    #00ff00
                  {% elif benzinpreis <= 1.75 %}
                    #FFA500
                  {% else %}
                    #ff0000
                  {% endif %}
                {% else %}
                  #000000
                {% endif %}          
            }'
      - type: custom:mushroom-entity-card
        entity: sensor.supermarkt_tankstelle_boelckestr_78_diesel
        secondary_info: last-changed
        layout: vertical
        tap_action:
          action: more-info
        fill_container: true
        primary_info: name
        icon: ''
        icon_type: none
        name: letzte Änderung
        card_mod:
          style: |
            ha-card {
              margin-top: -35px;
              --card-primary-font-size: 8px;
              --card-secondary-font-size: 12px;
            }
    layout:
      width: 50