/* Übersicht der Verzeichnis-Scripte (verzeichnis-scripte.php) */

.pruefdatum {
    margin: 12px 0;
    padding: 6px 10px;
    background-color: #fffaf4;
    border-left: 4px solid #D2A454;
}

/* Breite Tabellen scrollen auf schmalen Bildschirmen innerhalb des Rahmens */
.scripte-rahmen {
    overflow-x: auto;
    /* width: 1px mit min-width: 100% verhindert, dass die Mindestbreite der Tabelle
       die Layout-Tabelle der Seite über den Bildschirm hinaus aufzieht */
    width: 1px;
    min-width: 100%;
    margin: 10px 0 6px;
}

.scripte-tabelle {
    width: 100%;
    min-width: 460px;
    border-collapse: collapse;
}

.scripte-tabelle th {
    padding: 5px 6px;
    background-color: #D2A454;
    color: #fff;
    text-align: left;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.scripte-tabelle td {
    padding: 5px 6px 2px;
    font-size: 11px;
    vertical-align: top;
    border-top: 1px solid #e3d2b0;
}

.scripte-tabelle td a {
    font-size: 11px;
}

/* Zweite Zeile je Script: Stand am Prüfdatum */
.scripte-tabelle tr.stand td {
    padding: 0 6px 6px;
    border-top: 0;
    color: #333;
}

.scripte-tabelle tbody:nth-of-type(even) td {
    background-color: #fffaf4;
}

.scripte-hinweis {
    font-size: 11px;
    color: #333;
}

.umstieg li {
    margin-bottom: 8px;
}

.umstieg code {
    font-size: 11px;
}

.umstieg code.beispiel {
    display: block;
    margin: 4px 0;
    padding: 4px 6px;
    background-color: #f4f4f4;
    /* Umbrechen statt scrollen: ein nicht umbrechender Block zieht die Layout-Tabelle auf dem Handy breiter als den Bildschirm */
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}