/*a:hover,a:focus{
        text-decoration: none;
        outline: none;
    }*/
.metr-vertical-tab {
    /* font-size: 16px; */
    display: table;
    background-color: transparent;
}
.metr-vertical-tab .nav-tabs {
    display: table-cell;
    width: 20%;
    min-width: 20%;
    border: none;
    vertical-align: top;
    position: relative;
}
.metr-vertical-tab .nav-tabs li {
    float: none;
    vertical-align: top;
    font-weight: 600;
}

.metr-vertical-tab .nav-tabs li a {
    color: var(--text_color);
    background-color: var(--vertnav_bg_color);
    /*font-size: 16px;*/ /*20px*/
    text-align: left;
    /*text-transform: uppercase;*/
    /* text-shadow: 0 0 2px #555; */
    padding: 5px 1.5vw !important; /*padding: 5px 30px;*/
    /*margin: 0 0px 0 0;*/
    /*border-radius: 0;*/
    /* border: 1px solid var(--text_color); */
    display: block;
    position: relative;
    z-index: 1;
    transition: all 0.2s ease 0s;
}

/*Schriftgröße etc. in verkleinerter Darstellung since 29.12.2023*/
@media only screen and (max-width: 767.98px) {
    .metr-vertical-tab .nav-tabs li a {
        font-size: 12px !important;
    }
}

.metr-vertical-tab .nav-tabs li a:focus,
    .metr-vertical-tab .nav-tabs li a:hover,
    /*.metr-vertical-tab .nav-tabs li.active a,*/
    .metr-vertical-tab .nav-tabs li.active a:hover {
    color: var(--text_color);
    background-color: transparent;
    /* border: 1px solid var(--text_color); */
}

.metr-vertical-tab .nav-tabs li.active a,
.metr-vertical-tab .nav-tabs li.active a:before {
    background-color: var(--subsubnav_bg_color);
}

.metr-vertical-tab .nav-tabs li.active a {
    color: var(--main_hover_color);
}

.metr-vertical-tab .nav-tabs li a:before {
    content: "";
    background-color: var(--main_hover_color);
    width: 100%;
    height: 100%;
    /*transform: translateX(-50%) translateY(-50%) scale(0);*/
    visibility: hidden;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    bottom: 0;
    left: 0;

    position: absolute;
    /*    top: 50%;
        left: 50%;*/
    z-index: -1;
    /*filter: blur(1px);*/
    transition: all 0.2s ease-in-out 0s;
}

/*.metr-vertical-tab .nav-tabs li.active a:before*/
.metr-vertical-tab .nav-tabs li a:focus:before,
.metr-vertical-tab .nav-tabs li a:hover:before {
    /*transform: translateX(-50%) translateY(-50%) scale(1.06,0.85);*/
    visibility: visible;
    transform: scaleY(1);
}

.metr-vertical-tab .tab-content {
    color: #555;
    background-color: var(--subsubnav_bg_color); /* transparent !important; */
    /*font-size: 12px;*/

    line-height: 23px;
    /* margin-top: 10px;*/
    padding: 10px 0.5vw; /*padding: 10px 15px;*/
    /*  border: 1px solid var(--text_color);*/
    display: table-cell;
    position: relative;
}
.metr-vertical-tab .tab-content h3 {
    color: var(--main_hover_color);
    /* text-transform: uppercase; */
    margin: 0 0 0px 15px;
    font-size: 16px;

    font-weight: 700;
}
/*
    @media only screen and (max-width: 479px){
        .metr-vertical-tab .nav-tabs{
            display: block;
            width: 100%;
            border-right: none;
        }
        .metr-vertical-tab .tab-content{
            display: block;
            padding: 20px 15px 5px;
        }
        
    }
    */