/*******************************************************************************
 Individ. Styles onTop
 *******************************************************************************/
/* Zeigt an, dass ein Menüpunkt klickbar ist */
.nav-holder nav li {
    cursor: pointer;
}

/* Stil für geöffnete Menüpunkte */
.nav-holder nav li.active-menu > a {
    color: #999;
}

/* Dreht den Pfeil bei geöffnetem Menü */
.nav-holder nav li.active-menu .nav-dec:before {
    transform: rotate(90deg);
}

/* Optionale Animation für den Menü-Indikator */
.nav-dec:before {
    transition: transform 200ms ease;
}




/* Tagmenu auf der Leistungsseite */

.tag-category {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
}

.tag-category span {
    display: inline-block;
    width: 140px;
    padding-bottom: 0;
    color: #666;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    vertical-align: top;
}

.tags {
    display: inline-block;
    width: calc(100%);
    /*width: calc(100% - 150px);*/
    vertical-align: top;
}

.tag {
    display: inline-block;
    background: #f0f0f0;
    color: #666;
    padding: 4px 10px;
    font-size: 9px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Montserrat', sans-serif;
    transition: all 200ms linear;
    margin-right: 6px;
    margin-bottom: 6px;
}

.tag:hover {
    background: #000;
    color: #fff;
}