@CHARSET "ISO-8859-1";

@font-face { font-family: "Futurabook"; src: url(fonts/Futurabook.ttf); }
html { font-family: "Futurabook", serif; }

body {
    background-color: #78bce9;
    font-weight: bold;
    justify-content: center;
    font-size: 24px;
}

a {
    color: #78bce9;
}

table,
table tr,
table td {
    border: solid 2px #000;
    border-collapse: collapse;
}

table {
    border-collapse: collapse;
}

/* Nur der erste Tabellenkopf bleibt sticky */
.header-th {
    background-color: aliceblue;
    position: sticky; /* Macht nur den Kopf sticky */
    top: 0; /* Haftet am oberen Rand des Containers */
    z-index: 2; /* Damit der Kopf immer über den Zellen liegt */
    text-align: left;

}

/* Normale THs (Kategorien) bleiben nicht sticky */
th.category {
    background-color: #f0f0f0;
    text-align: center;
}

th, td {
    padding: 5px;
    border: 1px solid #ccc;
}

.table_field{
    text-align: right;
}

a {
    color: black;
    text-decoration: none; /* no underline */
    cursor: pointer;
}

.font_green{
    background-color: green;
    color: white;
}

.button_login{
    cursor: pointer;
}

/***Filter***/
#filter{
    background-color: #245269;
    color: white;
}

.grid_item_filter {
    display: flex;
    align-items: center;
    gap: 10px; /* Abstand zwischen Text und Dropdown */
    padding-left: 10px;
}

#dropdown {
    height: 35px; /* Stellt sicher, dass die Höhe nicht fix ist */
    line-height: normal; /* Entfernt mögliche Standardwerte */
    padding: 5px; /* Optionale Polsterung für bessere Optik */
    display: inline-block; /* Stellt sicher, dass es nicht als Block dargestellt wird */
    width: 150px;
}

.mitarbeiter_feld{
    min-width: 75px;
    max-width: 150px;
}
/*
.table-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 1214px;
}

#filter {
    width: 100%;
    max-width: 1214px;
    margin-bottom: 10px;
    text-align: left;
}*/

#rollen_table.full{
    width: 100%;
    max-height: calc(100vh - 61px);
}

#rollen_table.filter{
    width: calc(100vw - 16px);
    max-height: calc(100vh - 61px);
}