# Regensensor Anzeige Fehler

**URL:** <https://community-smarthome.com/t/regensensor-anzeige-fehler/11608>\
**Category:** Dashboards\
**Created:** [6. September 2026 um 09:53 UTC](https://community-smarthome.com/t/regensensor-anzeige-fehler/11608 "2026-09-06T09:53:53Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Juergen](https://community-smarthome.com/letter_avatar_proxy/v4/letter/j/65b543/32.png) [@Juergen](https://community-smarthome.com/u/Juergen)\
**Post date:** [6. September 2026 um 09:53 UTC](https://community-smarthome.com/t/regensensor-anzeige-fehler/11608/1 "2026-09-06T09:53:53Z")

</div>

Hi an Alle:

Stehe vor einem Rätsel:

bei Regen wird mir der Text “Regen” so angezeigt, als wäre der Platz “zu klein”

 ![Regen](https://community-smarthome.com/uploads/default/original/2X/a/a3f235bc33bf985ebf93ded5548d538db3a71cc8.jpeg)

Bei Trockenheit ist alles OK:

 ![Trocken](https://community-smarthome.com/uploads/default/original/2X/1/11b045865867f0610f6583bd704651450aea3aa2.jpeg)

Hier mal der Code dazu:

```auto
type: entity
card_mod:
  style: |
    :host {
     {% if is_state('binary_sensor.hm_sen_rd_o_qeq0808454_ch1', 'on') %}
      --card-mod-icon: mdi:weather-pouring;
      --card-mod-icon-color: #039dfc;
      {% else %}
      --card-mod-icon: mdi:weather-cloudy;
      --card-mod-icon-color: #f2f2f2;
      {% endif %}
    }
    .name {
       font-size: 20px !important;
       margin-top: -5px; 
      }
    .value { 
       font-size: 35px !important;
       margin-left: px !important; 
       visibility: hidden;
       position: relative;
       display: inline-block; 
      }
    .value::before { 
       content: ""; 
       visibility: visible; 
       position: absolute; 
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
       display: flex; 
       justify-content: center;
       align-items: center;
       line-height: 1;
    }
    {% if is_state('binary_sensor.hm_sen_rd_o_qeq0808454_ch1', 'on') %}
      .value::before {
        content: "Regen";
    }
    {% else %}
      .value::before {
        content: "Trocken";
      }
    {% endif %}
    .icon {
       --mdc-icon-size: 40px;
       margin-top: -px;
       margin-right: -15px;
      }
       .info {
       margin-bottom: -5px; !important 
      }
grid_options:
  columns: 6
  rows: auto
name: Regen
icon: mdi:water-percent
state_color: false
entity: binary_sensor.hm_sen_rd_o_qeq0808454_ch1

```

Kann mir da bitte jemand helfen

Danke und Gruß

Jürgen

---

<div class="post-metadata">

**Author:** ![Dreckfresse](https://community-smarthome.com/user_avatar/community-smarthome.com/dreckfresse/32/2467_2.png) [@Dreckfresse](https://community-smarthome.com/u/Dreckfresse)\
**Post date:** [6. September 2026 um 10:48 UTC](https://community-smarthome.com/t/regensensor-anzeige-fehler/11608/2 "2026-09-06T10:48:41Z")

</div>

> [@Juergen](#):
>
> `card_mod.`

das wird nicht mehr weiterentwickelt  
daher schon mal hier bitte lesen und umstellen:

> [@Umstieg von Card-Mod auf UIX: Eure Erfahrungen & Tipps?](https://community-smarthome.com/t/umstieg-von-card-mod-auf-uix-eure-erfahrungen-tipps/11472):
>
> Hallo liebe Dashboard-Dompteure, Card-Mod hat uns lange treu begleitet – aber wie das in der Smart-Home-Welt so ist: Das Bessere ist der Feind des Guten, und plötzlich steht UIX vor der Tür. Bevor ich jetzt meine gefühlt 847 gehackten YAML-Zeilen eigenhändig auf das neue System umstelle, falls das überhaupt nötig ist, wollte ich mal in die Runde fragen: Wer hat den Sprung zu UIX schon gewagt? Lief der Umstieg geschmeidig oder gab es rauchende Dashboards? Welche Stolpersteine sollte man sich …

geht sehr zügig, im zweifel Fall von unten nach oben lesen 😀

---

<div class="post-metadata">

**Author:** ![Dreckfresse](https://community-smarthome.com/user_avatar/community-smarthome.com/dreckfresse/32/2467_2.png) [@Dreckfresse](https://community-smarthome.com/u/Dreckfresse)\
**Post date:** [6. September 2026 um 10:55 UTC](https://community-smarthome.com/t/regensensor-anzeige-fehler/11608/3 "2026-09-06T10:55:32Z")

</div>

die KI antwortet zu deinem Problem:  
(aber sichere bitte deinen Code, aber der ist ja auch hier)

```auto
type: entity
card_mod:
  style: |
    :host {
      {% if is_state('binary_sensor.hm_sen_rd_o_qeq0808454_ch1', 'on') %}
        --card-mod-icon: mdi:weather-pouring;
        --card-mod-icon-color: #039dfc;
      {% else %}
        --card-mod-icon: mdi:weather-cloudy;
        --card-mod-icon-color: #f2f2f2;
      {% endif %}
    }
    .name {
      font-size: 20px !important;
      margin-top: -5px; 
    }
    .value { 
      font-size: 0px !important; /* Versteckt den Originaltext komplett */
      margin-left: 0px !important; 
      position: relative;
      display: inline-block; 
    }
    .value::before { 
      font-size: 35px !important; /* Setzt die Größe für "Regen"/"Trocken" */
      visibility: visible; 
      position: absolute; 
      top: 0;
      left: 0;
      display: flex; 
      align-items: center;
      line-height: 1;
      white-space: nowrap; /* Verhindert ein Abschneiden des Textes */
    }
    {% if is_state('binary_sensor.hm_sen_rd_o_qeq0808454_ch1', 'on') %}
      .value::before {
        content: "Regen";
      }
    {% else %}
      .value::before {
        content: "Trocken";
      }
    {% endif %}
    .icon {
      --mdc-icon-size: 40px;
      margin-top: 0px;
      margin-right: -15px;
    }
    .info {
      margin-bottom: -5px !important; 
    }
grid_options:
  columns: 6
  rows: auto
name: Regen
state_color: false
entity: binary_sensor.hm_sen_rd_o_qeq0808454_ch1

```

---

<div class="post-metadata">

**Author:** ![Juergen](https://community-smarthome.com/letter_avatar_proxy/v4/letter/j/65b543/32.png) [@Juergen](https://community-smarthome.com/u/Juergen)\
**Post date:** [6. September 2026 um 12:50 UTC](https://community-smarthome.com/t/regensensor-anzeige-fehler/11608/4 "2026-09-06T12:50:48Z")

</div>

> [@Dreckfresse](#):
>
> die KI antwortet zu deinem Problem:

funktioniert leider nicht - es wird kein Value angezeigt..

Habe gerade nochmal im Code herumgespielt:

Irgendwo hier liegt der Fehler:

`.value {`  
`font-size: 35px !important;`  
`margin-left: px !important;`  
`xxx`  
`position: relative;`  
`display: inline-block;`  
`}`  
`.value::before {`  
`content: „“;`  
`xxx`  
`position: absolute;`

Das Problem wird auch sein: Es wird “Nass” ausgegeben (4Buchst.) daraus soll “Regen” werden (5 Buchst.)

Vielleicht hat noch jemand ne Idee..

Gruß Jürgen

---

<div class="post-metadata">

**Author:** ![Juergen](https://community-smarthome.com/letter_avatar_proxy/v4/letter/j/65b543/32.png) [@Juergen](https://community-smarthome.com/u/Juergen)\
**Post date:** [6. September 2026 um 12:52 UTC](https://community-smarthome.com/t/regensensor-anzeige-fehler/11608/5 "2026-09-06T12:52:01Z")

</div>

> [@Dreckfresse](#):
>
> > [@Juergen](#):
> >
> > `card_mod.`
> 
> das wird nicht mehr weiterentwickelt  
> daher schon mal hier bitte lesen und umstellen:

Das war mir neu, da habe ich im nächsten Urlaub was zu tun..

Gruß Jürgen

---

<div class="post-metadata">

**Author:** ![Juergen](https://community-smarthome.com/letter_avatar_proxy/v4/letter/j/65b543/32.png) [@Juergen](https://community-smarthome.com/u/Juergen)\
**Post date:** [6. September 2026 um 13:03 UTC](https://community-smarthome.com/t/regensensor-anzeige-fehler/11608/6 "2026-09-06T13:03:32Z")

</div>

Ok, nochmal nen Update:

Hab das ganze von Grund auf neu gemacht, ohne “übersetzung” von “Nass” nach “Regen” und noch mal durch die Ki gejagt und sie da jetzt geht es 😃

```auto
type: entity
entity: binary_sensor.hm_sen_rd_o_qeq0808454_ch1
name: Regen
state_color: false
grid_options:
  rows: auto
  columns: 6
card_mod:
  style: |
    :host {
      {% if is_state('binary_sensor.hm_sen_rd_o_qeq0808454_ch1', 'on') %}
      --card-mod-icon: mdi:weather-pouring;
      --card-mod-icon-color: #039dfc;
      --mdc-icon-size: 40px;
      {% else %}
      --card-mod-icon: mdi:weather-cloudy;
      --card-mod-icon-color: #f2f2f2;
      --mdc-icon-size: 40px; 
      {% endif %}
    }
    .name {
       font-size: 20px !important;
       margin-top: -5px; 
      }
    .value { 
       font-size: 0px !important; 
    }
    .value::after {
      content: "{% if is_state('binary_sensor.hm_sen_rd_o_qeq0808454_ch1', 'on') %}Regen{% else %}Trocken{% endif %}";
      font-size: 35px !important;
      visibility: visible;
      display: inline-block;
    }
    .icon {
       margin-top: 0px;
       margin-right: -15px;
     }
    .info {
       margin-bottom: -5px !important; 
     }

Gruß Jürgen

```