/* Nachrichtenliste */
.nachrichten-liste {
    margin: 20px auto; /* Zentriert die Nachrichtenliste horizontal */
    width: 80%; /* Breite der Nachrichtenliste */
    max-width: 1200px; /* Maximale Breite der Nachrichtenliste */
    list-style-type: none; /* Entfernt die Standard-Aufzählungszeichen */
}

.nachrichten-liste table {
    width: 100%; /* Tabelle soll die gesamte Breite des Containers einnehmen */
    border-collapse: collapse; /* Entfernt doppelte Rahmen */
    margin: 0 auto; /* Zentriert die Tabelle innerhalb des Containers */
}

.nachrichten-liste th, .nachrichten-liste td {
    border: 1px solid #000; /* Dünne schwarze Linie um jede Zelle */
    padding: 10px; /* Innenabstand */
    text-align: left; /* Text linksbündig */
}

.nachrichten-liste th {
    background-color: #f4f4f4; /* Heller Hintergrund für Tabellenkopf */
    font-weight: bold; /* Fettschrift für Tabellenkopf */
}
.nachrichten-liste li {
    margin-bottom: 20px; /* Abstand zwischen den Nachrichten */
    padding: 15px;
    border: 1px solid #ddd; /* Rahmen um jede Nachricht */
    border-radius: 5px; /* Abgerundete Ecken */
    background-color: #f9f9f9; /* Heller Hintergrund */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Leichter Schatten */
}

.nachrichten-liste h2 {
    font-size: 1.5rem; /* Größere Schriftgröße für die Überschrift */
    color: #333; /* Dunklere Farbe */
    margin-bottom: 10px; /* Abstand unter der Überschrift */
}

.nachrichten-liste p {
    font-size: 1rem; /* Standard-Schriftgröße für den Text */
    color: #555; /* Etwas hellere Farbe */
    margin-bottom: 10px; /* Abstand unter dem Text */
}

.nachrichten-liste img {
    max-width: 100%; /* Bild passt sich der Breite des Containers an */
    height: auto; /* Proportionale Höhe */
    margin-bottom: 10px; /* Abstand unter dem Bild */
    border-radius: 5px; /* Abgerundete Ecken */
}

.nachrichten-liste a {
    color: #000; /* Linkfarbe */
    text-decoration: none; /* Entfernt die Unterstreichung */
    background-color: transparent; /* Kein Hintergrund */
    padding: 0; /* Kein Innenabstand */
    border-radius: 0; /* Keine abgerundeten Ecken */
}

.nachrichten-liste a:hover {
    text-decoration: underline; /* Unterstreichung beim Hover */
    background-color: transparent; /* Kein Hintergrund beim Hover */
}

/* Links ausgerichtete Zellen in der Tabelle */
.nachrichten-liste td {
    text-align: left; /* Text linksbündig ausrichten */
}

.content {
    text-align: center; /* Zentriert den Text horizontal */
}