.navbar-brand img {
    filter: brightness(0) invert(1);
}

nav {
    background: #002060;
    color: white;
    width: auto;
}

.nav-link {
    color: white !important;
}

.card{
    margin: 20px;
}

.card-title {
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.card-header {
    font-size: larger;
    font-weight: bold;
}

.footer {
    poition: fixed;
    margin-top: auto;
    background: #002060;
    font-size: medium;
}

.nav-text {
    font-size: small;
    width: 20em;
}

/* dickere Linie unter Überschrift */
.header-with-line {
    border-bottom: 3px solid #e9ecef; /* sichtbare Linie wie im Screenshot */
}

/* innerer Rahmen um die Tabelle (zweiter Rahmen) */
.inner-frame {
    border: 1px solid #e9ecef;
    background: #fff;
    padding: 0.5rem; /* etwas Innenabstand zwischen Rahmen und Tabelle */
}

.table thead th {
    border-bottom-width: 2px; /* sichtbare Trennung Kopf / Körper */
}

.table td, .table th {
    vertical-align: middle;
}

/* Button etwas dichter an Text, gleiche Höhe wie Zeilen */
.btn-sm {
    padding: .25rem .5rem;
    font-size: .85rem;
}

/* optional: verhinder, dass Icon-Buttons umbrechen */
.text-nowrap {
    white-space: nowrap;
}

/* Navbar Hover-Effekt */
.custom-nav .nav-link:hover {
    color: #cccccc !important; /* etwas heller/grauer */
    opacity: 0.7;              /* macht den Hover-Effekt sichtbar dunkler */
}