/* c) Autor: K. Eichwald 
 * Beschreibung:  CSS Code für die Gestaltung der Tabelle aus Aufgabe c).
 */
body{

}

/* Durch die "# class"-Referenz kann dieser spezielle Link zum Archiv sichtbar
   ausgegraut werden.
 * Sollte der User dennoch auf diesen Link klicken wollen, wird der Cursor 
   verändert.
 */
.link-Archiv , .link-impressum{
    cursor: not-allowed;
    color: gray;
}

/* Die beiden Pseudo-Links waren nur Paragrafen.
 * Klassen-ID-Referenz hinzugefügt, um nur diese beiden Links 
   visuell nicht verfügbar zu machen. 
 */
.link-MehrLesen_unter_table , .link-MehrLesen_Rückblick2023{
    cursor: not-allowed;
    color: gray;
}
table{
    text-align: left;
    border-collapse: collapse;
    border-left: none;
    border-right: none;
    border-bottom: 3px solid darkred;
    box-shadow: 10px -8px 6px rgb(168, 168, 168);
}


th{
   background-color: maroon; 
   color: white;
   font-size: larger;
   border: 1px solid maroon;
   margin: 20px auto;
   padding: 8px 12px;
   border-left: none;
}

tr{
    color: black;
}




/* Pseudo-Element für das n-te Kind-Element: Jede UNGERADE (even) table row, Hintergrundfarbe Hellgrau. */
tr:nth-child( even ){
    background-color: lightgray;
}

/* Pseudo-Element für das n-te Kind-Element: Jede UNGERADE (even) table row, Hintergrundfarbe Hellgrau. */
tr:nth-child( odd ){
    background-color: rgb(163, 156, 156);
}

/* HOVER-Effekt, wenn mit Maus über Tabelle gleitet. */
tr:hover:nth-child( even ) , tr:hover:nth-child( odd ){
    background-color: red;
    color: white;
}

/* Fetter Anfangsbuchstabe (in der zweiten Spalte) für jedes Element in Table Date. */
td:nth-child( 2 )::first-letter{
    font-weight: bold;
}


td{
    border-right: 1px solid darkred;
    border-color: darkred;
    padding: 8px 12px;
}
/* Auf der rechten Außenseite ( hier Element 5 ) ist kein Rand an der Tabelle zu sehen. */
td:nth-child( 5 ){  
    border-right: none;
}