.footnotes {
    margin-top: 20px;
    border-top: 1px solid #000;
    padding-top: 10px;
    font-size: 0.9em;
    column-gap: 20px;
}

@media (min-width: 600px) {
    .footnotes.two-columns {
        column-count: 2;
    }
}

@media (min-width: 800px) {
    .footnotes.three-columns {
        column-count: 3;
    }
}

.footnote {
    break-inside: avoid;
    display: flex;
    align-items: flex-start;
    margin-top: 5px;
}
.footnote-number {
    margin-right: 5px;
}
.footnote-text {
    flex: 1;
}
sup {
    font-size: 0.8em;
}
.footnote-link {
    text-decoration: none; /* Entfernt die Unterstreichung */
}