/**
 * Not using .nav-tabs styling from unioltemplate because it automatically always
 * activates the first one.
 * currently problem with .js setting the first item to active always
 * @see https://gitlab.uni-oldenburg.de/it-dienste-typo3/unioltemplate/-/issues/130
 */

.zsb-nav-tabs {
    border-bottom: 0;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}
.zsb-nav-tabs > li {
    margin-right: 14px;
    display: block;
}
.zsb-nav-tabs > li > a {
    font-size: 18px;
    font-weight: 400;
    color: var(--uol-text-color);
    border: 0;
    border-bottom: 3px solid var(--uol-rahmen-color4);
    padding: 10px 8px;
    text-decoration: none !important;
    display: block;
    text-align: center;
}
.zsb-nav-tabs > li > a:hover, .zsb-nav-tabs > li > a:focus {
    background: none;
    border-bottom-color: rgba(41, 122, 204, 0.3);
}
.zsb-nav-tabs > li > a.active {
    border-bottom-color: #00519e !important;
}