body { font-family: sans-serif; line-height: 1.6; color: #333; max-width: 800px; margin: 20px auto; padding: 0 15px; }
header, footer { text-align: center; color: #555; margin-bottom: 2rem; }
h1 { color: #005A99; }
.last-update { font-size: 0.8em; text-align: center; color: #777; }
.pollen-table { display: grid; grid-template-columns: repeat(1, 1fr); border: 1px solid #ddd; border-radius: 8px; overflow: hidden; }
.table-header, .table-row { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 1px; }
.table-header > div { background-color: #f2f2f2; font-weight: bold; padding: 12px; }
.table-row > div { background-color: #fff; padding: 12px; border-bottom: 1px solid #eee; }
.table-row:last-child > div { border-bottom: none; }
.belastung { font-weight: bold; }
/* Farbliche Hervorhebung der Belastung */
.level-0, .level-0-1 { color: green; }
.level-1, .level-1-2 { color: orange; }
.level-2, .level-2-3 { color: red; }
.level-3 { color: darkred; }
.additional-content { margin-top: 3rem; border-top: 1px solid #ddd; padding-top: 2rem; }