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;
}