.navbar {

    background-color: #1F7D3E;
}

.nav-link {
    color: #ffff;
}

.navbar-brand {
    color: #ffff;
}

.table-active {
    background-color:#1F7D3E;
}

.btn {
    border-color: #0b2b1a;
    background-color:#1F7D3E;
}

.btn:hover {
    border-color: #1F7D3E;
    background-color:#0b2b1a;
}
.hidden-table {
    display: none;
}
.btn:disabled {
    border-color: #0b2b1a;
    background-color:rgba(31, 125, 62, 0.6);
}

.container-fluid {
    margin-top: 10px;
}

.square {
    width: 120px;
    height: 120px;
    padding: 10px;
    background-color: orange;
    border: 1px solid black;
    text-align: center;
    margin: 5px;
    cursor: pointer; /* Hinzugefügter CSS-Stil für den Zeiger */
}

.square-container {
    max-width: 500px;
    margin-top: 25px;
}

.small-square-container {
    max-width: 380px;

    margin-top: 25px;
}

.disabled-container {
    pointer-events: none;
    opacity: 0.5;
}