/* special tabs */


.tabs-special [class*="tab-header-"] {
    display: flex;
    height: auto;
    align-items: center;
    flex-direction: column;
    justify-content: flex-end;
    color: #212529;

}


.tabs-special [class*="tab-header-"]:before {
    content: " ";
    font-size: clamp(1rem, -0.5rem + 10vw, 6rem);
    line-height: 1;
    color: #ddd;
    width: 100%;
    height: 7rem;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.5;
    background-size: auto;
}

.tabs-special [class*="tab-header-"]:hover::before,
.tabs-special [class*="tab-header-"][aria-selected*="true"]:before {
    -webkit-filter: grayscale(0);
    filter: none;
    opacity: 1;
}

@media only screen and (max-width:767.98px) {
    .tabs-special [class*="tab-header-"] span {
        position: relative;
        height: 0;
        overflow: hidden;
    }

    .tabs-special [class*="tab-header-"] {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .tabs-special [class*="tab-header-"]:before {
        background-size: 98%;
    }

}

@media only screen and (min-width:992px) {
    .tabs-special [class*="tab-header-"]:before {
        background-size: auto;
    }

}


@media (min-width:1920px) {
    .main-content>[class*="ge_"] {
        background-color: ghostwhite;
        background-size: 1920px !important;
    }

    .ge_background_wrapper {
        max-width: 1920px !important;
        position: relative;
    }

    .ge_background_wrapper:before {
        content: "";
        position: absolute;
        left: calc((-100vw + 1920px) / 2);
        right: 0;
        width: 100vw;
        background-color: whitesmoke;
        height: 100%;
        top: 0;
        z-index: -1;
    }

    .footer>[class*="container"] {
        max-width: 1920px;
    }
}


.main-content>[class*="ge_"]>div>.row.ge {
    max-width: 100%;
    margin-left: -15px;
    margin-right: -15px;
}



/* spaeter in zeile 1294 custom2.vrg.css  */

.main-content>[class*="ge_"]>div {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width:768px) {
    .main-content>[class*="ge_"] {
        padding: 1rem 1rem 1rem !important;
    }

    .main-content>[class*="ge_"][style*="background-image"] {
        padding: 60% 1rem 1rem !important;
        background-size: 100%;
        background-position: center 0;
    }

    .main-content>[class*="ge_"]>div>.row.ge {
        transform: translateX(15px);
    }

}


.main-content>[class*="ge_"] .ce-textmedia figure {
    margin: 0 0 0;
}

.bg-dark {
    color: white !important;
}

.btn-light {
    background-color: whitesmoke !important;
    border-color: whitesmoke !important;
    color: black !important;
}

.underline:after {
    content: "";
    height: 2px;
    width: 5rem;
    display: flex;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

@media (max-width:767.98px) {
    .modal-backdrop.show {
        z-index: -1;
    }

    .modal-content {
        box-shadow: 0 0 50px black;
    }
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    body.modal-open {
        overflow: auto;
    }

    .modal-backdrop.show {
        z-index: -1;
    }

    .modal-content {
        box-shadow: 0 0 50px black;
    }
}


.shariff .theme-white .shariff-button {
    border-width: 0;
}

.shariff .theme-white .shariff-button span.share_text {
    position: absolute;
    left: -999em;
}

.shariff .theme-white.orientation-horizontal.button-style-standard li {
    flex: none;
    min-width: 1px;
}

.shariff li {
    min-height: 42px;
}

.shariff .theme-white .shariff-button a {
    overflow: hidden;
    height: 40px;
}

.shariff li .fab,
.shariff li .far,
.shariff li .fas {
    background-color: #e8f0f0;
    width: 40px;
    line-height: 40px;
    border-radius: 3rem;
    color: #003060;
    font-size: 22px !important;
}

.shariff .theme-white a {
    border-radius: 3rem !important;
}

@media screen and (min-width:992px) {
    .aside .shariff ul {
        padding: 0;
        margin: 0;
        list-style: none;
        position: fixed;
        right: 15%;
        top: 25%;
        flex-direction: column;
    }
}