.mainColor { background-color: #005EAB; }
.secondColor { background-color: #78A6BD; }
.thirdColor { background-color: #666B6E}
.fourthColor { background-color: #EEAD6C; }
.fifthColor { background-color: #54B88C; }
.sixthColor { background-color: #F27071; }

.mainColor , .secondColor, .thirdColor, .fourthColor, .fifthColor, .sixthColor, 
.mainColor p, .secondColor p, .thirdColor p, .fourthColor p, .fifthColor p, .sixthColor p
{ color: #fff; }


.fullScreenBgBefore::before { content: ''; position: absolute; top: 0; height: 100%; width: 100%; right: 100%; z-index: 5; }
.fullScreenBgAfter:after { content: ''; position: absolute; top: 0; height: 100%; width: 100%; left: 100%; z-index: 5;  }

@media screen and (max-width: 767px) {
    .hasStrechedContent .row > div { overflow-x: hidden; }
    .fullScreenBgBefore::before,
    .fullScreenBgAfter:after { width: 0%; }
}

.mainColorFullscreen::before, .mainColorFullscreen::after { background: #005EAB; }
.secondColorFullscreen::before, .secondColorFullscreen::after { background: #78A6BD; }
.thirdColorFullscreen::before, .thirdColorFullscreen::after { background: #666B6E; }
.fourthColorFullscreen::before, .fourthColorFullscreen::after { background: #EEAD6C; }
.fifthColorFullscreen::before, .fifthColorFullscreen::after { background: #54B88C; }
.sixthColorFullscreen::before, .sixthColorFullscreen::after { background: #F27071; }

.next-p-1 { margin-bottom: -0.25rem; }
.next-p-2 { margin-bottom: -0.5rem; }
.next-p-3 { margin-bottom: -1rem; }
.next-p-4 { margin-bottom: -1.5rem; }
.next-p-5 { margin-bottom: -2rem; }

/* Tabs mit Elementen */
.nav-tabs li.nav-item { list-style-image: none !important; }
.tabsLeft .nav.nav-tabs {
    float: left;
    display: block;
    margin-right: 20px;
    border-bottom:0;
    border-right: 1px solid #ddd;
    border-right: 1px solid transparent;
    padding-right: 15px;
    margin: 0;
}
.tabsLeft .nav-tabs .nav-link {
    border-bottom: 1px solid red;
    color: #000;
    font-weight: 600;
    background: #fff;
}

.tabsLeft .nav-tabs .nav-link.active {
    color: #000;
    border: none;
    border-bottom: 2px solid #005EAB;
    display: block;
}
.tabsLeft .nav-tabs .nav-link {
    color: #666B6E;
    border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-radius: 0;
    border-bottom: 2px solid #B3B9BD;
    padding: 22px 0;
}
.tabsLeft .tab-content>.active {
    color: #fff;
}
.tabsLeft .tab-content {
    background: #005EAB;
}
.tabsLeft .tab-content>.active p { color: #fff; }


/* Pills mit Elementen */
.nav-pills li.nav-item { list-style-image: none !important; }
.nav-pills .nav-link.active, 
.nav-pills .show>.nav-link {
    background-color: #005EAB;
}
.tabsLeft .tab-content>.active p,
.tabsLeft .tab-content>.active li { color: #fff; }
.tabsLeft .tab-content>.active li { list-style-image: url(../../../../../../fileadmin/templates/img/arrow-white.svg);}
@media screen and (min-width: 992px) {
    .tabsLeft .nav.nav-pills {
        float: left;
        display: block;
        margin-right: 20px;
        border-bottom:0;
        border-right: 1px solid #ddd;
        padding-right: 15px;
        margin: 0;
        
    }
    .tabsLeft .nav-pills .nav-link {
        border-bottom: 1px solid red;
        color: #000;
        font-weight: 600;
        background: #fff;
    }
    
    .tabsLeft .nav-pills .nav-link.active {
        color: #000;
        border: none;
        border-bottom: 2px solid #005EAB;
        display: block;
        background: transparent;
        margin-right: -16px;
    }
    .tabsLeft .nav-pills .nav-link {
        color: #666B6E;
        border: none;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
        border-radius: 0;
        border-bottom: 2px solid #B3B9BD;
        padding: 22px 0;
    }
    .tabsLeft .tab-content>.active {
        color: #fff;
    }
    .tabsLeft .tab-content {
        background: #005EAB;
    }
}

@media screen and (max-width: 991px) {
    .nav.nav-pills { margin-bottom: 1rem; }
    .nav-pills .nav-link.active, 
    .nav-pills .show>.nav-link {
        color:#fff !important;
    }
}