Card-mod Text zentrieren

[Damrak2023]

Hallo zusammen,
kann mir jemand verraten, was ich bei meinem Code noch hinzufügen muss um den Titel oben mittig anzuzeigen?

type: entities
entities:
  - entity: sensor.stromkosten_monitor_taglich
    name: Monitor
  - entity: sensor.stromkosten_macmini_m2_taglich
    name: MacMini M2
  - entity: sensor.stromkosten_ds224_taglich
    name: DS224+
  - entity: sensor.stromkosten_aktenvernichter_taglich
    name: Aktenvernichter
  - entity: sensor.stromkosten_epson_workforce_taglich
    name: Epson Workforce
  - entity: sensor.stromkosten_schreibtischlampe_taglich
    name: Schreibtischlampe
  - entity: sensor.stromkosten_stromtankstelle_taglich
    name: Stromtankstelle
  - entity: sensor.stromkosten_router_taglich
    name: Router
title: tägliche Stromkosten Office
card_mod:
  style: |
    ha-card {
    background: blue;
       }

Besten Dank im voraus.

[Kitty]

    ha-card .card-header {
      justify-content: center;
    }

[Damrak2023]

Besten Dank - klappt super

[Damrak2023]

Ich habe nochmal eine Nachfrage:
Momentan sieht das bei mir so aus:

card_mod:
  style: |
    :host { 
     --card-mod-icon-color: white }
    ha-card .card-header {
    justify-content: center;
    background: saddlebrown;
       }
    ha-card {
    background: saddlebrown;
    }

Ich möchte nun aber auch noch die Schriftfarbe ändern, aber wenn ich das so abändere klappt das nicht. Ich vermute, das ich es anders falschen Stelle einsetze, oder ähnliches.

[Kitty]

card_mod:
  style: |
    ha-card {
      --card-mod-icon-color: white;
      background: saddlebrown;
      color: black;
    }
    ha-card .card-header {
      justify-content: center;
      color: black;
    }