/* --------------------------------------- Seite /emotionen-erkennen (eer-) */
/* Nur für landing/seiten/emotionen-erkennen.mjs. Farben über die
   Ratgeber-Variablen (--r-…, --akzent), damit der Dunkelmodus mitläuft.
   Das Testblatt bleibt wie .r-testblatt immer hell (Papier). */

/* Beispielaufgabe wie im Testheft */
.r-band .eer-blatt .eer-situation { margin: 0 0 14px; font: 400 17px/1.65 "Work Sans", sans-serif; color: #1d1916; }
.r-band .eer-blatt .eer-frage { margin: 0 0 16px; font: 400 14.5px/1.5 "Work Sans", sans-serif; color: #776c61; }
.eer-raster { display: grid; }
.eer-kopfzeile, .eer-zeile { display: grid; grid-template-columns: minmax(0, 1fr) 92px 92px; align-items: center; column-gap: 6px; }
.eer-kopfzeile { align-items: end; }
.eer-kopfzeile span { font: 600 11.5px/1.25 "Work Sans", sans-serif; text-align: center; color: #776c61; hyphens: manual; padding-bottom: 8px; }
.eer-zeile { padding: 11px 0; border-top: 1px solid #e3dbd0; }
.eer-text { font: 400 16px/1.4 "Work Sans", sans-serif; color: #1d1916; }
.eer-text b { display: inline-block; width: 28px; font-weight: 700; color: #776c61; }
.eer-kasten { justify-self: center; width: 22px; height: 22px; border: 1.5px solid #8a7f74; border-radius: 3px; background: #fff; }

/* Chance auf den Punkt */

/* Gefühle und Auslöser */

/* Leicht verwechselt */

/* Was „eher“ bedeutet */

/* Auflösung: Auslöser-Check und fünf Zeilen */

@media (max-width: 760px) {
  .eer-kopfzeile, .eer-zeile { grid-template-columns: minmax(0, 1fr) 62px 62px; column-gap: 4px; }
  .eer-kopfzeile span { font-size: 10.5px; }
  .eer-text { font-size: 15px; }
  .eer-text b { width: 22px; }
  .r-band .eer-blatt .eer-situation { font-size: 16px; }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}