.sfg-hallenplan {
  table-layout: fixed !important;
}

.sfg-hallenplan .nav {
    margin-bottom: 50px;
}

.sfg-hallenplan .nav-pills .nav-link {
    color: #242729;
    border: 1px solid #155215;
    margin-right: 15px;
}

.sfg-hallenplan .card-header {
/*    margin-bottom: 15px;*/
    border: 1px solid #cccccc;
}

.sfg-hallenplan .nav-pills .nav-link:hover,
.nav-pills .show > .nav-link {
    color: #ffffff;
    background-color: #155215;
}

.sfg-hallenplan .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #ffffff;
    background-color: #155215;
}

.sfg-hallenplan .table,
.sfg-hallenplan .table th {
    vertical-align: center;
    border-color: #cccccc;
}

.sfg-hallenplan table thead th {
    color: #ffffff;
    background-color: #242729;
    border-bottom-width: var(--border-width);
    box-shadow: inset 0 0 0 9999px var(--table-bg-state, var(--table-bg-type, var(--table-accent-bg)));
    padding: .5rem;
}

.sfg-hallenplan tbody th {
width: 100px !important;
max-width: 108px !important;
}


.sfg-hallenplan tbody td:nth-child(3) {
width: 40px !important;
max-width: 40px !important;
padding-left: 10px !important;
padding-right: 10px !important;
overflow: hidden;
white-space: nowrap;
    text-align: center;
}


.sfg-hallenplan .legende {
    margin-top: 30px;
}

.sfg-hallenplan .legende span {
    margin-right: 30px;
}