@media (min-width : 960px) {
    .ce-leg-tabs {
        margin-top : 5rem;
    }
}

.ce-tabs-navigation {
    display : flex;
}

.ce-tabs-button {
    position     : relative;
    background   : transparent;
    border       : none;
    cursor       : pointer;
    font-size    : 1rem;
    color        : var(--color-filter-items);
    margin-right : 1rem;
}

.ce-tabs-button.active {
    font-weight : bold;
}

.ce-tabs-button.active:after,
.ce-tabs-button:hover:after {
    height           : 4px;
    width            : 100%;
    content          : '';
    border-radius    : 3px;
    background-color : var(--color-active);
    display          : inline-block;
    position         : absolute;
    bottom           : -10px;
    left             : 0;
}

.ce-tabs-content ul {
    list-style-type : none;
    padding-left    : 0;
}

.ce-tabs-content ul li {
    padding  : 1rem;
    position : relative;
}

.ce-tabs-content ul li.color-blue {
    background-color : var(--color-link-background);
}

.ce-tabs-content ul li.color-white {
    background-color : var(--color-white);
}

.ce-tabs-content .ce-tabs-headline {
    margin : 0;
}

.ce-tabs-content .ce-tabs-link a {
    display     : flex;
    align-items : flex-start;
    color       : var(--color-filter-items);
}

.ce-tabs-content .ce-tabs-link a:hover {
    text-decoration : none;
}

.ce-tabs-content .ce-tabs-link a .ce-tabs-link-icon {
    max-width    : 3.125rem;
    margin-right : 1.25rem;
}

.ce-tabs-content .ce-tabs-link a .uk-icon {
    position : absolute;
    right    : .625rem;
    bottom   : .625rem;
}

.ce-tabs-content .ce-tabs-link a .uk-icon img {
    transform : rotate(-45deg);
}

.ce-tabs-content .ce-tabs-linktext {
    text-decoration : underline;
    color           : var(--color-primary);
}