.knowbase .kategorien_liste {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    margin-right: 8px;
    background-color: #fff;
    border-radius: 8px;
    overflow-y: scroll;
    height: 100%;
}



.knowbase_kategorie {
    padding: 8px 4px;
    border-bottom: 1px solid #b7b7b7;
    cursor: pointer;
    transition: background-color 0.3s;
}

.knowbase_kategorie:hover {
    background-color: #d9ffc4;
}

.knowbase_kategorie .gicon {
    padding: 6px;
    border-radius: 13px;
    background-color: #fff;
    margin-right: 4px;
}

.knowbase_kategorie .gicon:hover {
    background-color: #ebebeb;
}

.knowbase_kategorie span {
    display: inline-block;
    vertical-align: middle;
}

.knowbase_kategorie div {
    width: 153px;
}

.knowbase_kategorie div:last-of-type {
    font-size: 11px;
}



.knowbase .artikel_liste {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 213px);
    background-color: #fff;
    border-radius: 8px;
    overflow-y: scroll;
    height: 100%;
}

.knowbase .knowbase_artikel {
    display: inline-block;
    margin: 8px;
    vertical-align: top;
    width: 300px;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #bbbbbb;
    cursor: pointer;
    max-height: 100px;
    overflow-y: hidden;
}

.knowbase .knowbase_artikel:hover {
    background-color: #d9ffc4;
}



#knowbase_suche {
    margin: 8px 8px 16px 8px;
    width: calc(100% - 16px);
}



.knowbase_log {
    margin: 8px;
    padding: 8px;
    border: 1px solid #787878;
    border-radius: 8px;
}

.knowbase_log.problem {
    border-color: #ff0000;
    background-color: #ffe5e5;
}

.knowbase_log .knowbase_log_spalte {
    margin-right: 8px;
    display: inline-block;
    vertical-align: top;
}

.knowbase_log .knowbase_log_spalte_1 {
    width: calc(200px);
}

.knowbase_log .knowbase_log_spalte_2 {
    width: calc(50% - 216px);
}

.knowbase_log .knowbase_log_spalte_3 {
    width: calc(50% - 16px);
}