/*
 * CSS-Datei für die Datenanzeige mit dem Namespace .showlist-
 */

/* Die Haupt-Anzeigebox */
.showlist-haupt-anzeigebox {
    width: 90%;
    max-width: 600px;
    margin: 0 auto;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    padding: 10px;
}

/* Die Liste der Elemente */
.showlist-datenliste {
    list-style: none; /* Entfernt die Standard-Aufzählungszeichen */
    padding: 0;
    max-height: 400px;
    overflow: auto;
    margin: 20px 0;
    width: 100%;
    height: fit-content;
}

/* Die einzelnen Unterboxen (Basis-Stil) */
.showlist-datenbox {
    border-radius: 6px;
    padding: 10px;
    margin-bottom: 10px; 
    /* Hintergrund für ungerade Einträge (1, 3, 5...) - HELLGRAU */
    background-color: #c7a373; 
}

/* Hintergrund für JEDEN ZWEITEN EINTRAG (gerade Einträge: 2, 4, 6...) - BLAU */
.showlist-datenbox:nth-child(even) {
    background-color: #f3e2b6; /* Sehr helles Blau */
}

/* Erste Zeile der Datenbox (Überschrift/Link und Text) */
.showlist-datenbox-zeile1 {
    display: flex; 
    align-items: baseline;
    margin-bottom: 5px; 
    gap: 15px; 
}

/* Überschrift, die auch ein Link ist */
.showlist-datenbox-titel {
    margin: 0;
    font-size: 1.1em;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 60%; 
}

.showlist-datenbox-titel a {
    text-decoration: none;
    font-weight: bold;
    color: black
}

/* Text neben der Überschrift */
.showlist-datenbox-begleittext {
    font-size: 0.9em;
    flex-grow: 1; 
}
.showlist-datenbox-titel a {
    color: black
}

/* Zweite Zeile der Datenbox */
.showlist-datenbox-zeile2 {
    display: flex; 
    justify-content: space-between;
    font-size: 0.85em;
/*    border-top: 1px dashed #eee */; 
    padding-top: 5px;
}
.showlist-zeile2-titel a {
    color: black
}

/* Einzelne Texte in der zweiten Zeile */
.showlist-datenbox-info {
    /* Hier könnten weitere individuelle Stile hinzukommen */
}