/* ---------------------------------------------- Seite /textverstaendnis (tvs-) */
/* Nur für landing/seiten/textverstaendnis.mjs. Farben über die Ratgeber-
   Variablen (--r-…, --akzent), damit der Dunkelmodus mitläuft. Das Testblatt
   bleibt wie Papier immer hell, seine Markierungen haben deshalb feste Farben.
   Das Widget selbst hat eigene Klassen (tvw-, css/textverstaendnis.css). */

.r-band .tvs-mitte { text-align: center; max-width: 720px; margin-left: auto; margin-right: auto; }

/* Wert einer richtigen Antwort */

/* Testblatt mit Beispieltext (Papier, immer hell) */
.r-testblatt.tvs-blatt { padding: 30px 32px 28px; }
.r-band .tvs-blatt-titel { margin: 0 0 10px; font: 700 19px/1.3 "Work Sans", sans-serif; letter-spacing: 0; color: #1d1916; }
.r-band .tvs-blatt-text { margin: 0 0 22px; font: 400 16.5px/1.75 "Work Sans", sans-serif; color: #2f2924; hyphens: auto; }

.r-band .tvs-blatt-frage { margin: 0 0 12px; padding-top: 18px; border-top: 1px solid #e3dbd0; font: 600 16px/1.45 "Work Sans", sans-serif; color: #1d1916; }
.tvs-blatt-opt { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.r-band .tvs-blatt-opt li { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; align-items: baseline; padding: 8px 12px; border: 1px solid #d9d0c4; border-radius: 4px; font: 400 15.5px/1.45 "Work Sans", sans-serif; color: #1d1916; }
.r-band .tvs-blatt-opt b { font: 700 13px/1 "Work Sans", sans-serif; color: #776c61; }

/* Markierungen (im Testblatt und in der Legende) */

.tvs-blatt-text [class^="tvs-m-"] { hyphens: manual; -webkit-box-decoration-break: clone; box-decoration-break: clone; }

/* Legenden */

/* Zwei Arten von Fragen */

/* Sechs Fallen */

/* Zeitplan */

@media (max-width: 760px) {
  
  
  
  
  

  .r-testblatt.tvs-blatt { padding: 22px 18px 20px; }
  .r-band .tvs-blatt-text { font-size: 16px; }
  .r-band .tvs-blatt-opt li { padding: 8px 10px; font-size: 15px; grid-template-columns: 20px minmax(0, 1fr); }

  
  
  
  
  

  
  
  
  
  
  
  
  
  
}