.info-section {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 30px;
}

.senior-page a {
    font-family: var(--font);
    color: var(--secondary-color);
}

.info-section p {
    margin-bottom: 5px !important;
}

@media (max-width: 768px) {
    .info-section p {
        font-size: .8rem;
    }

    .tab-item {
        flex-direction: column !important;
    }

    .tab-item table {
        width: 100% !important;
    }

    .team-overview {
        margin-top: 20px;
    }
}

.nav-tabs .nav-link {
    color: var(--secondary-color);
    font-weight: bold;
    border-radius: 8px 8px 0 0;
}
.nav-tabs .nav-link.active {
    background-color: #004d66;
    color: white;
}
.tab-content {
    background: white;
    border-radius: 0 0 8px 8px;
    padding: 20px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.tab-item {
    display: flex;
}

.tab-item > div:first {
    width: 55% !important;
}

.tab-item > div:last-child {
    flex: 1;
}

.tab-item .team-overview {
    display: flex;
    justify-content: center;
}

.tab-item > .team-overview table > thead th {
    background: var(--secondary-color);
    color: white;
}

.team-overview table tr {
    height: 40px;
}

th:first-child {
    width: 30px !important;
    white-space: nowrap; /* Voorkomt dat de tekst de kolombreedte vergroot */
}

.senior-page p:has(a) {
    margin-bottom: 5px !important;
}