/* --- Zwei Wege (697:3269) ------------------------------------------------
   Zwei Wege, die in dasselbe Ergebnis laufen: Karten, Zusammenlauf und
   Ergebnisband sind EINE Grafik (SVG als Bild), nicht gebautes HTML/CSS.
   Regel: Darstellungen dieser Art werden als SVG gerendert und als Bild
   eingebunden. Erzeugt wird sie von tools/diagramme/zwei-wege.mjs aus
   tools/diagramme/zwei-wege.json, die Dateien liegen in design/diagramme/.
   Die Schrift ist zu Pfaden umgewandelt; der Text steht im Alt-Text des
   Bildes.

   Zwei Fassungen, weil ein Verkleinern der breiten Grafik den Text unlesbar
   machen würde: breit (zwei Karten nebeneinander, 460 px) und schmal (Karten
   untereinander, 340 px). Im Editor steht nur EIN Bildblock mit der breiten
   Fassung; die schmale ergänzt inc/zwei-wege.php als <source>. Die Spalte
   neben dem Fließtext ist höchstens 460 px breit und zwischen 1024 und
   1119 px Fensterbreite nur 346 bis 380 px: dort steht die schmale Fassung. */

.epi-wege__bild {
    margin: 0;
    /* Höchstens in der Größe, in der die Grafik gezeichnet ist: dort
       entspricht der Text im Bild der Schriftgröße der Seite (16 px). */
    max-inline-size: 460px;
}

.epi-wege__bild img {
    display: block;
    inline-size: 100%;
    block-size: auto;
}

@media screen and (max-width: 767px), screen and (min-width: 1024px) and (max-width: 1119px) {
    .epi-wege__bild:has(source) {
        max-inline-size: 340px;
    }
}