#gb4a img, #gb4b img,
#gb4a figcaption, #gb4b figcaption {
    width: 200px;
}

#gb5a img, #gb5b img,
#gb5a figcaption, #gb5b figcaption,
#gb6a img, #gb6b img,
#gb6a figcaption, #gb6b figcaption {
    width: 250px;
}

#gb7a img, #gb7b img,
#gb7a figcaption, #gb7b figcaption {
    width: 350px;
}

#merke_zweiseitige_verzweigung .abbildung.struktogramm img,
#merke_bedingte_anweisung .abbildung.struktogramm img {
    width: 475px;
}

#merke_zweiseitige_verzweigung div.abbildung.code div.sourceCode,
#merke_bedingte_anweisung div.abbildung.code div.sourceCode {
    min-width: 475px;
}

#merke_zweiseitige_verzweigung .abbildung.struktogramm,
#merke_bedingte_anweisung .abbildung.struktogramm {
    margin-top: 0.5em;
    margin-bottom: 1em;
}

#merke_zweiseitige_verzweigung .abbildung.code, 
#merke_bedingte_anweisung .abbildung.code {
    margin-top: 0.5em;
    margin-bottom: 0.25em;
}

div.beispiel table {
    border: 1px solid darkgray;
    width: 100%;
}

div.beispiel table col:first-child {
    width: 1% !important;
}

div.beispiel table td:first-child code {
    white-space: pre; /* Zeilen werden nur an explizit vorgegebenen Zeilenumbrüchen umgebrochen */
}

div.abbildung div.klassendiagramm {
    min-width: 0;
}

#merke_verschachtelte_verzweigung p {
    margin-bottom: 0.5em;
}

#merke_verschachtelte_verzweigung .abbildung.code {
    margin-bottom: 0.25em;
}

#merke_verschachtelte_verzweigung .columns {
    display: flex;
    flex-wrap: nowrap;
}

#merke_verschachtelte_verzweigung .column {
    min-width: 0;
}

#merke_verschachtelte_verzweigung .abbildung.code div.sourceCode {
    min-width: 0;
    width: 100%;
}

#merke_verschachtelte_verzweigung div.column {
    min-width: 300px;
}

#merke_verschachtelte_verzweigung div.column:first-of-type {
    margin-right: 50px;
}