/* Grundlegende Stile für den Body */
body {
    background-color: #ffffff; /* Hintergrundfarbe */
    font-family: Arial, sans-serif; /* Schriftart */
    font-size:10pt; 
    color: #333333; /* Textfarbe */
    margin: 0;
    padding: 2px; /* Innenabstand */
}

/* Container für den Inhalt */
.container {
    width: 100%; /* Breite auf 60% setzen */
    margin-left: 0; /* Links bündig */
    margin-right: auto; /* Rechts automatisch, um den Rest des Platzes zu füllen */
}

/* Überschrift */
h1, h2, h3, h4, h5, h6 {
    color: #000000; /* Farbe für Überschriften */
}

/* Tabellenstil */
table {
    width: auto; /* Tabelle nimmt die volle Breite des Containers ein */
    border-collapse: collapse; /* Grenzen zusammenfassen */
    margin: 2px 0; /* Abstand oben und unten */
}

th, td {
    border: 1px solid #dddddd; /* Rahmen für Zellen */
    text-align: left; /* Text linksbündig */
    padding: 2px; /* Innenabstand für Zellen */
}

th {
    background-color: #c9c9c9; /* Hintergrundfarbe für Kopfzeilen */
}

/* Hover-Effekt für Tabellenzeilen */
tr:hover {
    background-color: #f5f5f5; /* Hintergrundfarbe beim Hover */
}

/* Link-Stile */
a {
    color: #007bff; /* Linkfarbe */
    text-decoration: none; /* Unterstreichung entfernen */
}

a:hover {
    text-decoration: underline; /* Unterstreichung beim Hover */
}

/* Stil für den Zähler */
.counter {
    font-weight: bold; /* Fettdruck für den Zähler */
    margin-top: 2px; /* Abstand oben */
}