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

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