/* ==========================================================================
   Startseite: Beschriftung der Bannerkacheln.

   Auftrag des Inhabers vom 07.09.2026, Punkt 1. Die Sollwerte hat der
   Inhaber in kk-live gemessen und woertlich uebergeben:

     Hoehe       42 Pixel
     Breite      Kachelbreite minus 82, also 41 Pixel Einzug links und rechts
     Hintergrund rgba(255, 255, 255, 0.8)
     Schrift     22px, Schnitt 700, Farbe rgb(36, 34, 34)
     Lage        am unteren Rand der Kachel, IM Bild

   Es ist KEIN fremder Code uebernommen. Das Theme-Template des Moduls
   Rbj_CategoryWidget haengt an Loewenstark_ThemeHelper (Zeile 3 und 12) und
   ist deshalb nicht verwendbar - siehe ARBEITSBUCH Abschnitt 113.

   NICHT GEMESSEN und daher hergeleitet: die Zeilenhoehe. Sie ist auf die
   Balkenhoehe von 42px gesetzt, damit die 22px-Schrift senkrecht mittig
   sitzt. Sollte kk-live hier abweichen, ist es dieser eine Wert.
   ========================================================================== */

.kk-home-teaser a {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center;
}

.kk-home-teaser .kk-label {
    position: absolute;
    left: 41px;
    right: 41px;
    bottom: 0;
    height: 42px;
    line-height: 42px;
    box-sizing: border-box;
    padding: 0 8px;
    margin: 0;
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    color: rgb(36, 34, 34);
    text-transform: none;
    letter-spacing: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Der Pfeil aus dem KK/demo-Theme gehoert nicht zu den gemessenen Werten. */
.kk-home-teaser .kk-label:after { content: none; }