/* ---------------------------------------- Seite /implikationen-erkennen (Präfix imp-)
   Testblatt mit Satz-Antworten, Satzarten-Karten mit Skizzen, Stufen A/C und B/D,
   Beispielkarten mit Euler-Diagramm, Tabelle der Grundschlüsse, „ganz gemeint“,
   Regelkarten. Kreise kommen über .ied-* aus css/implikationen.css. */

.r-band .imp-mitte { text-align: center; max-width: 700px; margin-left: auto; margin-right: auto; }
.imp-schmal { max-width: 712px; margin: 0 auto; }

.imp-nw { white-space: nowrap; }
.imp-x { fill: none; stroke: var(--r-kopf); stroke-width: 3; stroke-linecap: round; }

/* Buchstaben A–E */
.r-band .imp-bu { flex: none; display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--akzent); color: #fff; font: 800 14px/1 "Manrope", sans-serif; }
@media (prefers-color-scheme: dark) { .r-band .imp-bu { color: #1b1815; } }

/* Testblatt: zwei Aussagen, fünf Satz-Antworten untereinander */
.imp-blatt .tb-anw { text-align: left; }
.imp-blatt-aussagen { margin: 4px 0 20px; padding: 16px 20px; border-left: 3px solid #d9d0c4; }
.r-band .imp-blatt-aussagen p { margin: 0 !important; font: 600 19px/1.6 "Work Sans", sans-serif !important; color: #1d1916 !important; }
.imp-opt { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.r-band .imp-opt li { display: flex; align-items: baseline; gap: 12px; margin: 0; padding: 9px 12px; border: 1px solid #d9d0c4; border-radius: 4px; font: 400 16px/1.45 "Work Sans", sans-serif !important; color: #1d1916 !important; }
.r-band .imp-opt b { flex: none; width: 14px; font: 700 13px/1 "Work Sans", sans-serif; color: #776c61; }

/* Vier Satzarten */
.imp-arten { list-style: none; margin: 34px 0 16px; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.imp-arten li { margin: 0; padding: 20px 18px 18px; border-radius: 22px; background: var(--r-hell); text-align: center; }
.imp-arten .imp-bu { margin-bottom: 10px; }
.r-band .imp-arten strong { display: block; font: 800 18px/1.3 "Manrope", sans-serif; letter-spacing: -0.01em; }
.imp-skizze { max-width: 190px; margin: 12px auto 4px !important; }
.r-band .imp-arten p { margin: 6px 0 0; font-size: 15px; line-height: 1.5; }
.imp-e { display: flex; align-items: center; gap: 16px; margin: 0 0 40px; padding: 18px 22px; border-radius: 22px; background: var(--r-hell); }
.r-band .imp-e p { margin: 0; font-size: 16.5px; line-height: 1.55; }

/* Stärkere und schwächere Aussage */

/* Beispielkarten */

/* Zugeschnittene Lösungsbilder: nicht breiter als nötig */
.imp-bild .ied-svg { max-width: 330px; margin: 8px auto 0; }

/* Zwei Welten (Dackel) */

/* Tabelle der Grundschlüsse */

/* Ganz gemeint */

/* Regelkarten */

@media (max-width: 900px) {
  .imp-arten { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  
  
  
}
@media (max-width: 640px) {
  .imp-arten { gap: 10px; margin-top: 26px; }
  .imp-arten li { padding: 16px 10px 14px; border-radius: 18px; }
  /* Titel immer zweizeilig hoch, damit die Skizzen nebeneinander auf einer Höhe stehen */
  .r-band .imp-arten strong { display: grid; place-items: center; min-height: 2.6em; font-size: 15.5px; }
  .r-band .imp-arten p { font-size: 13.5px; }
  .imp-e { padding: 14px 16px; gap: 12px; }
  .r-band .imp-e p { font-size: 15px; }
  
  
  
  
  
  .imp-blatt-aussagen { padding: 10px 14px; }
  .r-band .imp-blatt-aussagen p { font-size: 17px !important; }
  .r-band .imp-opt li { font-size: 15px !important; padding: 8px 10px; }
  /* Tabelle am Handy als Liste: Aussagen oben, Folgerung und Buchstabe darunter */
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}