/* --- General Body and Typography --- */
body {
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 1.6;
    /* color: #333; */
    /* background-color: #f8f9fa; */
    /* A very light grey for the background */
    margin: 0;
    padding: 20px;
}

/* --- Headings --- */
h3 {
    /* color: #000000; */
    padding-bottom: 10px;
    margin-bottom: 20px;
}

/* --- Table Styling --- */
table {
    width: 100%;
    border-collapse: collapse;
    /* Removes space between borders */
    margin-top: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    /* Subtle shadow for depth */
    border-radius: 1px;
    /* Rounded corners */
    overflow: hidden;
    /* Ensures the radius is applied to the content */
}

/* --- Table Header --- */
thead,
th,
thead td {
    background-color: #EEEEEE;
    /* A vibrant blue for the header */
    color: #000000;
    /* Geändert für bessere Lesbarkeit */
    text-align: left;
    font-weight: bold;
    padding: 10px;
}

/* This targets the grey headers in your provided HTML */
tr[bgcolor="#CCCCCC"] td {
    background-color: #CCCCCC !important;
    /* Overriding inline style */
    color: #000000;
    /* Geändert von Weiß auf Schwarz für bessere Lesbarkeit */
    text-align: center;
    font-weight: bold;
    padding: 5px;
    vertical-align: middle;
    /* Richtet den Inhalt der Zellen mittig aus */
}

/* --- Table Cells --- */
td {
    padding: 5px 15px;
    /* border: 1px solid #000000; */
    vertical-align: top;
    /* Richtet den Inhalt der Zellen oben aus */
}

/* --- Zebra Striping for Table Rows --- */
tbody tr:nth-child(even) {
    background-color: #e9ecef;
    /* Light grey for every second row */
    color: #000000;
}

/* This targets the grey row in your provided HTML */
tr[bgcolor="#EEEEEE"] {
    background-color: #f8f9fa !important;
    /* Lighter color for better readability with zebra-striping */
    color: #000000;
}


/* --- Paragraph and List Styling --- */
p,
ul {
    margin-bottom: 1em;
}

ul {
    padding-left: 20px;
}

li {
    margin-bottom: 0.5em;
}

td p,
td ul {
    margin-top: 0;
    margin-bottom: 0.5em;
    /* Reduziert den Abstand nach Absätzen und Listen */
}

td p:last-child,
td ul:last-child,
td li:last-child {
    margin-bottom: 0;
    /* Entfernt den Abstand beim letzten Element in einer Zelle */
}
/* --- Emphasis --- */
strong {
    /* color: #000000; */
    /* A subtle red for emphasis */
}