How to format the text in the new Heading cards?

[LiQuid_cOOled]

@JuergenR

card_mod:
      style: |
        .container {
        justify-content: center !important;
        } 

Start with this format

type: custom:layout-card
layout_type: custom:grid-layout
cards:
  - type: heading
    heading_style: title
    heading: E-Auto laden
    view_layout:
      grid-area: row1
  - type: heading
    heading_style: subtitle
    view_layout:
      grid-area: r2c1
    card_mod:
      style: |
        .content.subtitle  {
         justify-content: center;
         }  
  - type: heading
    heading: P
    heading_style: subtitle
    view_layout:
      grid-area: r2c2
    card_mod:
      style: |
        .content.subtitle  {
         justify-content: center;
         } 
  - type: heading
    heading_style: subtitle
    heading: täglich
    view_layout:
      grid-area: r2c3
    card_mod:
      style: |
        .content.subtitle  {
         justify-content: center;
         } 
  - type: heading
    heading_style: subtitle
    heading: Monat
    view_layout:
      grid-area: r2c4
    card_mod:
      style: |
        .content.subtitle  {
         justify-content: center;
         } 
  - type: heading
    heading_style: subtitle
    heading: Jahr
    view_layout:
      grid-area: r2c5
    card_mod:
      style: |
        .content.subtitle  {
         justify-content: center;
         } 
  - type: heading
    icon: mdi:grid
    heading_style: subtitle
    view_layout:
      grid-area: r3c1
    card_mod:
      style: |
        ha-card {
          justify-self: center;
        }