
/* OEGK.VERTRAGSPARTNER */

/* ============================================ */
/* color                                - Start */
/* ============================================ */

:root {
    --main-bg-color: #05498C;
    --main-bg-color-dark-blue: #001E50;
    --main-bg-color-white: #ffffff;
    --main-bg-color-light-blue-one: #E5F1F5;
    --main-bg-color-light-blue-two: #E5E8ED;
    --archiv-border-color: #001E50;
    --icon-bg-color: #05498C;
    --header-login-section-bg: #00B46E;
}

/* ============================================ */
/* color                                  - End */
/* ============================================ */


/* ============================================ */
/* header                               - Start */
/* ============================================ */

#esv-header .tools .column2 {
    display: flex;
}

.oegk-head-groupselect {
    background-color: var(--main-bg-color-dark-blue);
}

a.oegk-head-groupselect-link {
    padding-left: 13px;
}

a.oegk-head-groupselect-link:after {
    right: 2px;
}

.oegk-head-groupselect ul {
    min-width: 185px;
}

.oegk-head-groupselect ul.open {
    background: var(--main-bg-color-dark-blue);
    padding-left: 77px;
}

.oegk-head-groupselect nav li > a {
    padding: 0 6px;
}

.login {
    background: var(--header-login-section-bg);
    width: 168px;
}

button#login_pulldown_button {
    background: var(--header-login-section-bg);
    margin-top: 0;
}

.userlinks {
    background: var(--header-login-section-bg);
    width: 432px;
}

ul#userlinks li {
    line-height: 1.3rem;
}

.userlinks a {
    padding-top: 5px;
}

button#close_userlinks {
    background: var(--header-login-section-bg);
    margin-top: 5px;
}


@media (min-width: 4651px) {
    
    #esv-header .toolline {
        background: linear-gradient(to right, var(--main-bg-color-grey) 55%, var(--header-login-section-bg) 0%);
    }

}

@media (max-width: 4650px) {

    #esv-header .toolline {
        background: linear-gradient(to right, var(--main-bg-color-grey) 60%, var(--header-login-section-bg) 0%);
    }

}

@media (max-width: 2350px) {

    #esv-header .toolline {
        background: linear-gradient(to right, var(--main-bg-color-grey) 70%, var(--header-login-section-bg) 0%);
    }

}

@media (max-width: 960px) {

    #esv-header .toolline {
        background: #ffffff;
    }

    #esv-header .login {
        display: none;
    }

}

/* ============================================ */
/* header                                 - End */
/* ============================================ */


/* ============================================ */
/* mobilenavigation                     - Start */
/* ============================================ */

@media (max-width: 960px) {

    .oegk-mobile-login-link {
        background: var(--header-login-section-bg);
        height: 40px;
        width: 100%;
    }

    .login {
        border: none;
        height: 40px;
        padding: 0;
        text-align: left;
        width: 100%;
    }

    #esv-navigation .oegk-head-links #login_link {
        border: none;
        margin: 0;
        padding: 7px 0 0 88px;
    }

    button#login_pulldown_button {
        padding-left: 88px;
        padding-top: 4px;
        text-align: left;
    }

    .userlinks {
        left: 0;
        padding: 5px 18px 10px 88px;
        top: 40px;
        width: 100%;
    }

    #esv-navigation .userlinks a,
    #esv-navigation .userlinks a:visited {
        color: var(--main-text-color-white);
        height: 30px;
        margin: 0;
        padding: 14px 0 0 0;
    }

    button#close_userlinks {
        margin-top: 14px;
        padding: 0 70px 0 0;
    }

}


@media (max-width: 600px) {

    #esv-navigation .oegk-mobile-login-link {
        padding-left: 0;
    }

    #esv-navigation .oegk-head-links #login_link,
    button#login_pulldown_button {
        padding-left: 48px;
    }

    button#close_userlinks {
        padding: 0 32px 0 0;
    }

}

@media (max-width: 400px) {

    #esv-navigation .oegk-head-links #login_link,
    button#login_pulldown_button {
        padding-left: 40px;
    }

    button#close_userlinks {
        padding: 0 22px 0 0;
    }

}

@media (max-width: 315px) {

    .mobilenavi .closenavi {
        top: 6px;
    }

    .mobilenavi .closenavi img {
        width: 28px;
    }

}

/* ============================================ */
/* mobilenavigation                       - End */
/* ============================================ */


/* ============================================ */
/* zeilenkonzeptmetacontainer           - Start */
/* ============================================ */

.meta_container.bg_color2 {
    background-color: var(--main-bg-color-light-blue-one);
}

/* ============================================ */
/* zeilenkonzeptmetacontainer             - End */
/* ============================================ */


/* ============================================ */
/* lctile                               - Start */
/* ============================================ */

.tile.tile_type02,
.tile.tile_type02 h3,
.tile.tile_type02 .textbox > :not(.text),
.tile.tile_type02 .textbox .tilelink > *,
.tile.tile_type02 .more_link:after {
    color: var(--main-text-color);
}

/* ============================================ */
/* lctile                                 - End */
/* ============================================ */


/* ============================================ */
/* lclinkedpageov                       - Start */
/* ============================================ */

.lc_linkedpageoverview .article .imagebox {
    background: var(--main-bg-color-light-blue-one);
}

.lc_linkedpageoverview .article:nth-child(2) .imagebox,
.lc_linkedpageoverview .article:nth-child(2n +3) .imagebox,
.lc_linkedpageoverview .no-image-list .article:nth-child(2) .textbox:before,
.lc_linkedpageoverview .no-image-list .article:nth-child(2n + 3) .textbox:before,
.lc_linkedpageoverview .article:nth-child(2).no-image .textbox:before,
.lc_linkedpageoverview .article:nth-child(2n + 3).no-image .textbox:before {
    background: var(--main-bg-color-light-blue-two);
}

.meta_container.columns2_container_layout .lc_columnContainer:nth-child(even) {
    background: var(--main-bg-color-light-blue-one);
}

.lc_linkedpageoverview .article:nth-child(3n) .imagebox,
.lc_linkedpageoverview .no-image-list .article:nth-child(3n) .textbox:before,
.lc_linkedpageoverview .article:nth-child(3n).no-image .textbox:before {
    background: var(--main-bg-color-white);
}

.lc_linkedpageoverview .article:nth-child(3n) .imagebox,
.lc_linkedpageoverview .no-image-list .article:nth-child(3n) .textbox:before,
.lc_linkedpageoverview .article:nth-child(3n).no-image .textbox:before {
    background: var(--main-bg-color-white);
}

.lc_linkedpageoverview_archivelink a,
.lc_linkedpageoverview_archivelink a:after {
    color: var(--archiv-border-color);
}

/* ============================================ */
/* lclinkedpageov                         - End */
/* ============================================ */


/* ============================================ */
/* footer                               - Start */
/* ============================================ */

#esv-footer {
    background-color: var(--main-bg-color-dark-blue);
}

/* ============================================ */
/* footer                                 - End */
/* ============================================ */

