body {
    font-family: Courier, sans-serif;
}

@media screen and (max-width: 610px) {
    #navbarContent {
        padding: 1rem;
    }

    #work,
    #vertrag,
    #task {
        margin-top: 1rem;
    }

    #navigation {
        width: 100%;
    }

    #content {
        width: 100%;
    }

    #wKunde,
    #wProject,
    #wTask,
    #tab_kunde,
    #fav {
        font-size: smaller;
    }

    h4,
    h5 {
        font-size: medium !important;
    }

    .ibutton {
        font-size: 1.25rem !important;
        padding: 6px !important;
    }

    .btn {
        --bs-btn-font-size: smaler;
    }
}

@media screen and (min-width: 610px) {
    #navigation {
        margin-right: 1rem;
    }
}

#navbarContent {
    font-size: 1.25rem;
}

#navbarContent ul {
    list-style: none;
}

#navbarContent a {
    text-decoration: none;
    color: #212529;
}

.ibutton {
    color: black;
    font-size: 1.75rem;
    width: 52px;
}

#uber {
    color: black;
    font-weight: bolder;

}

#hprojekth {
    color: black;
    font-weight: bolder;
}

.kunde {
    font-weight: bolder;
    font-size: larger;
    color: red;
}

.pro {
    font-weight: bolder;
    color: black;

}

.tpro {
    color: black;
    text-align: left;
}

.tlinie {
    color: black;
    font-weight: bold;
}

.ttask {
    color: black;
    font-weight: bolder;
    font-size: large;
    margin: 0;
}

.proKunName {
    color: red;
    font-weight: bold;
    font-size: large;
}

.username {
    color: blue;
    font-weight: bold;
    font-size: larger;
    margin: 0;
}

.mpro {
    color: black;
    font-weight: bold;
}

#liste:hover {
    cursor: pointer;
}

#btn_worker:disabled {
    border-color: white !important;
}

.chstyle {
    background-color: transparent;
    padding-left: 9px;
    border-bottom: 0;
}

.collapsible-header i.bi {
    display: none;
}

li a.collection-item-link {
    padding-left: 2rem;
}

summary::marker {
    display: none;
    content: '';
}

.work-starttime-label {
    color: blue;
    width: 18rem;
}

.closed-customer-name-label {
    color: red;
    font-size: larger;
    font-weight: bolder;
}

.closed-project-name-label {
    color: black;
    font-size: large;
    font-weight: bold;
}

#footer {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: flex-end;
}