/* OEGK/[Layout]/oegk-gesund-leben.css */


/* ============================================ */
/* color                                - Start */
/* ============================================ */

:root {
    --text-color: #05498C;
    --text-color-02: #2B7499;

    --background-color: #F4F9FB;

    --border-color: #05498C;
    --border-color-02: #348DAD;

    --contrast-text-color: #F9D134;
}


/* ============================================ */
/* zeilenkonzeptcolumncontainer         - Start */
/* ============================================ */

.lc_columnContainer.custom1 .columns3_layout {
    max-width: unset;
}


/* ============================================ */
/* contextsearch                        - Start */
/* ============================================ */

.kontext-search h2 {
    color: var(--g-text-color-02);
    top: 195px;
}

.kontext-search #kontext-search-interf {
    height: 150px;
    left: 480px;
    width: 150px;
}

.kontext-search #kontext-search-interf::before {
    border-bottom-width: 15px;
    transform: rotate(52deg);
}

.kontext-search #kontext-search-interf .interf-text {
    top: 35px;
}

.kontext-search #kontext-search-input {
    border-color: var(--border-color);
    color: var(--text-color);
}

.kontext-search #kontext-search-input::placeholder {
    color: var(--text-color);
    opacity: 1;
}

.kontext-search #kontext-search-input-wrapper.active .sv-close:before {
    color: var(--text-color);
}


/* contextsearch-result */

.kontext-search #searchResult.active {
    border-color: var(--border-color-02);
    top: 243px;
}

.kontext-search #searchResult .result-row:not(.contextsearch-featured) {
    border-bottom: 3px solid var(--border-color-02);
    border-top: none;
}

.kontext-search #searchResult .result-row.contextsearch-featured {
    background: var(--background-color);
    border-radius: 20px;
    border: none;
    margin: 8px -30px 20px -30px;
    padding: 20px 30px 20px 25px;
    position: relative;
}

.kontext-search #searchResult .result-row.contextsearch-featured.no-featured-image {
    padding: 20px 30px 20px 100px;
}

.kontext-search #searchResult .result-row:nth-last-child(2) {
    border-bottom: none;
}

.kontext-search #searchResult .result-row.contextsearch-featured .row-image {
    align-self: flex-start;
    padding-top: 8px;
    width: 55px;
}

.kontext-search #searchResult .result-row a,
.kontext-search #searchResult .result-row a *,
.kontext-search #searchResult .result-row .sv-arrow_long_r,
.kontext-search #searchResult .bottom-close .sv-close:before,
.kontext-search #searchResult .bottom-text a {
    color: var(--text-color-02);
}

.kontext-search #searchResult .result-row.contextsearch-featured a,
.kontext-search #searchResult .result-row.contextsearch-featured a * {
    color: var(--text-color);
}

.result-row.contextsearch-featured .row-image img {
    width: 55px;
}

.kontext-search #searchResult .result-row.contextsearch-featured:not(.no-featured-image) .row-text {
    max-width: calc(100% - 95px);
    padding-left: 21px;
}

.kontext-search #searchResult .result-row.contextsearch-featured .result-name {
    font-weight: 400;
}

.kontext-search #searchResult .result-row.contextsearch-featured .result-name strong {
    font-weight: 600;
}

.kontext-search #searchResult .result-row.contextsearch-featured.no-featured-image .row-text .result-name a:before {
    color: var(--text-color);
    content: "\e9eb";
    font-family: 'sv_icons';
    font-size: 55px;
    left: 25px;
    position: absolute;
    top: 43px;
}

.kontext-search #searchResult .result-row.contextsearch-featured .sv-arrow_long_r {
    background: var(--background-color);
    color: var(--text-color-02);
}

.kontext-search #searchResult .bottom-close .sv-close:before {
    content: "\e955";
    font-size: 2.5rem;
    font-weight: 600;
}


@media (max-width: 750px) {

    .kontext-search #kontext-search-interf {
        left: calc(100% - 155px);
    }

}

@media (max-width: 600px) {

    .kontext-search #searchResult .result-row.contextsearch-featured,
    .kontext-search #searchResult .result-row.contextsearch-featured.no-featured-image {
        padding-left: 30px;
    }

    .kontext-search #searchResult .result-row.contextsearch-featured .row-image {
        display: none;
    }

    .kontext-search #searchResult .result-row.contextsearch-featured:not(.no-featured-image) .row-text {
        max-width: calc(100% - 40px);
        padding-left: 0;
    }

    .kontext-search #searchResult .result-row.contextsearch-featured.no-featured-image .row-text .result-name a:before {
        display: none;
    }

}

@media (max-width: 450px) {

    .kontext-search #searchResult .result-row.contextsearch-featured, 
    .kontext-search #searchResult .result-row.contextsearch-featured.no-featured-image {
        margin: 30px -7px 20px -7px;
        padding: 20px 7px 20px 7px;
    }
    
}


/* ============================================ */
/* VEMA-Suchseite                       - Start */
/* ============================================ */

.kontext-search-vema #kontext-search-interf-vema {
    background: var(--gr-interferer-background-orange);
}
  
.kontext-search-vema #kontext-search-interf-vema:before {
    border-right-color: var(--gr-interferer-border-orange);
}
  
.vema-search-input {
    border-color: var(--border-color);
}
  
.search-searchAreaLeftContainer,
.search-searchAreaLeftContainer:after {
    background: var(--lc-lcbackgrounddesign-bg-color-blue) !important;
}
  
.vema-searchOegkfilter {
    background: var(--lc-lcbackgrounddesign-bg-color-blue);
}


/* ============================================ */
/* Kontrastmodus                        - Start */
/* ============================================ */

html.contrast-mode .kontext-search .search-center h2 {
    top: 170px;
}

html.contrast-mode .kontext-search #kontext-search-input-wrapper.active .sv-close:before {
    color: var(--contrast-text-color);
}