/* GESUNDHEITSPARTNER.PORTAL/[Layout]/gpp-landingarea.css


16px = 0.941rem
17px = 1rem (base)
18px = 1.059rem
22px = 1.294rem
24px = 1.412rem
26px = 1.529rem
28px = 1.647rem
30px = 1.765rem
31px = 1.824rem
33px = 1.941rem
34px = 2rem
37px = 2.176rem
38px = 2.235rem
44px = 2.588rem
48px = 2.824rem
55px = 3.235rem


zeilenkonzeptmetacontainer "Zusätzliche HTML Klasse":
    Custom1: .meta_container.mc-custom1:
        Bei 3-spaltigem ColumnContainer ist die mittlere Kachel schmäler.
    Custom2: .meta_container.mc-custom2:
        MetaContainer hat oben und unten mehr padding.
        lcheadline ohne Icon bekommt ein Icon aus dem Icon-Font.
    Custom3: .meta_container.mc-custom3:
        Der MetaContainer ist oben und unten abgeschrägt.
    Custom4: .meta_container.mc-custom4:
        ul wird zentriert dargestellt

zeilenkonzeptcolumncontainer "Zusätzliche HTML Klasse":
    Custom1: .lc_columnContainer.custom1:
        nur imagebox wird dargestellt, Kachelbilder haben gleiche Höhe
        Kacheln werden zentriert dargestellt

lctile Element-Typ:
    Typ 3: .meta_container.mc-custom1 .tile.tile_type03:
        Bild zentriert oberhalb von Textbox

*/


/* ============================================ */
/* base settings                        - Start */
/* ============================================ */

/* color definition */

:root {
    --g-headline-color: #434A54;

    --lc-text-color: #434A54;
    --gr-text-color: #008859;

    --g-link-text-color: #008859;

    --g-nav-text-color: #434A54;

    --p-bg-color: #008859;

    --lc-filter-bg-color: #EEF7F7;
    --lc-filter-bg-color-02: #F2F5F5;

    --g-footer-bg-color: #434A54;

    --gr-outline-color: #008859;

    --p-shadow-color-02: rgba(0, 0, 0, 0.10);
}

/* content */

.center,
.main > ul {
    width: 1460px;
}


/* font */

h1,
.text h1,
.tile h1,
.titlezone h1 {
    font-size: 3.235rem;
    font-weight: 700;
    line-height: normal;
}

h2,
.text h2,
.tile h2,
.free_column h2 {
    font-size: 2.588rem;
    font-weight: 900;
    line-height: 2.824rem;
}

h3,
.text h3,
.tile h3 {
    font-size: 1.647rem;
    font-weight: 700;
    line-height: 1.765rem;
}

p,
ul {
    font-size: 1.176rem;
}


/* Besondere Link Darstellung */

a.esvlink_button_right,
a.esvlink_button_left,
a.esvlink_button_center {
    border-radius: 32px;
    color: var(--g-text-color-02);
    font-weight: 700;
    margin-bottom: 0;
    padding: 15px 40px;
    text-transform: uppercase;
    width: fit-content;
}

a.esvlink_button_right {
    margin-left: auto;
}

a.esvlink_button_center {
    margin-left: auto;
    margin-right: auto;
}

a.esvlink_button_right span,
a.esvlink_button_left span,
a.esvlink_button_center span {
    align-items: center;
    display: flex;
    font-size: 1.294rem;
    line-height: 1.529rem;
}

a.esvlink_button_right span:before,
a.esvlink_button_left span:before,
a.esvlink_button_center span:before {
    content: '\e969';
    font-family: var(--g-svicons-font-family);
    font-size: 1.412rem;
    font-weight: 300;
    padding-right: 15px;
}


@media (max-width: 1820px) {

    /* content */

    .center,
    .main > ul {
		width: 92%;
        margin-left: auto;
        margin-right: auto;
	}

}

@media (max-width: 960px) {

    /* content */

    .contentline .center {
        width: 600px;
    }

    /* font */

    h2,
    .text h2,
    .tile h2,
    .free_column h2 {
        font-size: 1.941rem;
        line-height: 2.235rem;
    }

    h3,
    .text h3,
    .tile h3 {
        font-size: 1.412rem;
        line-height: 1.529rem;
    }

    p,
    ul {
        font-size: 1.059rem;
    }

}

@media (max-width: 630px) {

    /* content */

    .contentline .center {
        width: 345px;
    }

    /* font */

    h1,
    .text h1,
    .tile h1,
    .titlezone h1 {
        font-size: 1.941rem;
        line-height: normal;
    }

    h2,
    .text h2,
    .tile h2,
    .free_column h2 {
        font-size: 1.412rem;
        line-height: 1.765rem;
    }

    h3,
    .text h3,
    .tile h3 {
        font-size: 1.059rem;
        line-height: 1.176rem;
    }

    p,
    ul {
        font-size: 0.941rem;
    }

}

@media (max-width: 350px) {

    /* content */

    .contentline .center {
        width: 100%;
    }

}


/* ============================================ */
/* header                               - Start */
/* ============================================ */

#esv-header {
    box-shadow: 0px -1px 2px 0px var(--p-shadow-color-02), 0px 10px 20px 0px var(--p-shadow-color-02);
	height: 100px;
}

#esv-header .center {
    height: 100%;
}

#esv-header .logo,
.fixed #esv-header .logo {
    top: 50%;
    transform: translateY(-50%);
}

#esv-header .logo img,
.fixed #esv-header .logo img {
    display: block;
    height: 82px;
}

.tools {
    font-family: var(--g-font-family-01), var(--g-fallback-font-family);
    height: 38px;
    top: 50%;
    transform: translateY(-50%);
    width: 116px;
    z-index: 1;
}

.tools .column1,
.tools .column2 {
    min-height: unset;
    width: 58px;
}

.accessicon,
.login,
.menuicon {
    height: 39px;
    margin-left: 20px;
}

.accessicon {
    padding: 0;
}

.accessicon a,
.menuicon a {
	text-decoration: none;
}

#kontrastmodus,
.login > a,
.menuicon > a {
    height: 39px;
	text-decoration: none;
}

.tools .column2 {
    background: unset;
    display: flex;
}

.login {
    background: unset;
    float: none;
    width: 38px;
}

.sv-contrast:before,
.sv-login_b:before,
.sv-menu_b:before {
	color: var(--g-nav-text-color);
	font-size: 38px;
}


/* eingeloggter Zustand */

button#login_pulldown_button {
    background-color: var(--g-carrier-color);
    border-radius: 20px;
    height: 38px;
    padding: 0;
}

.usernameShort {
    font-family: 'Roboto', sans-serif;
    font-size: 1.294rem;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.529rem;
}

.userlinks {
    border-radius: 15px;
    padding: 16px;
    top: 38px;
    width: 254px;
}

.userlinks li {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 16px;
    padding-bottom: 16px;
    position: relative;
}

.userlinks li:last-child {
    padding-bottom: 0;
}

.login a.logout {
    float: none;
}

#loggedInUser {
    letter-spacing: normal;
    line-height: 18px;
}

.login .userlink-gpp,
.login a.logout {
    float: none;
    padding-left: 26px;
    padding-top: 0;
}

.userlink-gpp .sv-right {
    font-size: 22px;
    left: -2px;
    position: absolute;
    top: -3px;
}

.login .userlinks .sv-logout {
    font-size: 18px;
    left: 0;
    position: absolute;
    top: -1px;
}

#close_userlinks {
    background-color: unset;
    font-size: 24px;
    height: 24px;
}

.close-userlinks-text {
    font-size: 0;
    position: absolute;
}


/* fixed header */

.fixed #esv-header {
    height: 100px;
}

.fixed #esv-header .accessicon {
    display: block;
}

.fixed #esv-header .menuicon {
    padding: 0;
}


@media (max-width: 1200px) {

    .tools {
        display: none;
        width: 138px;
    }

    .tools.tools-visible {
        display: flex;
    }

    .tools .column1 {
        width: 46px;
    }

    .tools .column2 {
        width: 92px;
    }

    .accessicon,
    .login,
    .menuicon {
        margin-left: 8px;
    }

    .menuicon {
        display: block;
    }


    /* fixed header */

    .fixed #esv-header {
        height: 50px;
    }

    .fixed #esv-header .logo img {
        height: 41px;
    }

    .fixed #esv-header .menuicon {
        display: block;
    }

}

@media (max-width: 960px) {

    #esv-header {
        height: 50px;
    }

    #esv-header .logo img {
        height: 41px;
    }

	.tools {
		top: 50%;
		transform: translateY(-50%);
	}

    .accessicon,
    .login,
    .menuicon {
        padding: 0;
        width: 38px;
    }

    .accessicon img,
    .menuicon img {
        height: 39px;
    }

    .login {
        padding: 0;
    }

    .login a#login_link {
        padding-top: 0;
    }

    .menuicon {
        background: none;
    }

}


/* ============================================ */
/* main-navigation                      - Start */
/* ============================================ */

#esv-header .main {
    background: unset;
    font-family: 'Roboto', sans-serif;
    height: unset;
    top: calc(50% + 2px);
    transform: translateY(-50%);
}

#esv-header .main>ul {
    display: flex;
    justify-content: space-around;
	padding-left: 303px;
    padding-right: 131px;
}

#esv-header .main .menu-item {
    margin: 0;
    padding: 0;
    text-transform: none;
}

#esv-header .main .menu-item a {
    height: unset;
    font-weight: 600;
    letter-spacing: normal;
    padding: 15px;
}

#esv-header .main .menu-item a:visited {
    color: var(--g-link-text-color-02);
}

#esv-header .main .menu-item a:hover,
#esv-header .main .current-menu-item a,
#esv-header .main .current-menu-item a:visited {
    color: var(--g-link-text-color);
    text-decoration: underline 2px;
    text-underline-offset: 41px;
}

#esv-header .main .menu-item.current-menu-item a:visited {
    color: var(--g-link-text-color);
}


@media (max-width: 1200px) {

    #esv-header .main {
        display: none;
    }

}


/* ============================================ */
/* mobile-navigation                    - Start */
/* ============================================ */

@media (max-width: 1200px) {

    .mobilenavi {
        padding: 15px;
    }

    .mobilenavi>ul {
        padding-top: 68px;
    }

    .mobilenavi .menu-item {
        font-family: 'Roboto', sans-serif;
        font-size: 1.5rem;
        font-weight: 900;
        line-height: 1.875rem;
    }

    .mobilenavi li {
        padding: 0;
        text-transform: none;
    }

    .mobilenavi li,
    .mobilenavi li li:first-child {
        box-shadow: none;
    }

    .mobilenavi li ul {
        margin: 0;
        padding: 0;
    }

    .mobilenavi li li:first-child {
        margin-top: 0;
    }

    #esv-container #esv-navigation .mobilenavi>ul>.hide-in-sub>a {
        display: none;
    }

    .mobilenavi li a {
        margin: 10px 0;
        padding: 10px 0;
        text-align: center;
    }

    .mobilenavi li a:visited {
        color: var(--g-nav-text-color);
    }

    .mobilenavi .current-menu-item>a,
    .mobilenavi .current-menu-item>a:visited,
    .mobilenavi li a:hover {
        color: var(--g-link-text-color);
    }

    .mobilenavi .closenavi {
        height: 40px;
        right: 15px;
        text-decoration: none;
        top: 15px;
        width: 40px;
    }

    .mobilenavi .closenavi,
    .mobilenavi .closenavi:visited {
        color: var(--g-link-text-color-02);
    }

    .mobilenavi .closenavi:after {
        content: "\e955";
        font-family: 'sv_icons' !important;
        font-size: 34px;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .mobilenavi .closenavi img {
        width: 0;
    }

}


/* ============================================ */
/* zeilenkonzeptpageheader              - Start */
/* ============================================ */

.lc_pageheader,
.lc_pageheader_slider.slick-carousel-tagtyp-wrapper {
    margin: 0;
    padding: 0;
}

.lc_pageheader .bigimage_teaser .teaser_text {
    align-items: end;
}

.lc_pageheader .bigimage_teaser .freetext {
    bottom: 10%;
}

.lc_pageheader .freetext.text p {
    font-size: 3rem;
    line-height: 3rem;
    padding-left: 15rem;
}

.lc_pageheader .freetext.text p:first-child {
    padding-left: 0;
}

#esv-container .lc_pageheader .freetext.text p:last-child {
    padding-bottom: 0;
}

.lc_pageheader .freetext.text p span {
    border-radius: 10px;
    padding: 0 10px;
    text-shadow: 0 0 20px var(--p-shadow-color-02);
}

/* lc_pageheader gradient */

.gradient .bigimage_teaser:before {
	background: var(--lc-lcbackgrounddesign-bg-color-grey);
    clip-path: ellipse(474px 478px at 100% 45%);
    content: "";
    opacity: 0.8;
    position: absolute;
    right: 13%;
    width: 100%;
}

.gradient .bigimage_teaser:after {
    background: var(--lc-lcbackgrounddesign-bg-color-grey);
    content: "";
    height: 100%;
    opacity: 0.8;
    position: absolute;
    right: 0;
    width: 13%;
}

.lc_pageheader.gradient .bigimage_teaser img {
    height: 744px;
    object-fit: cover;
}

.lc_pageheader.gradient .bigimage_teaser .teaser_text {
    color: var(--lc-text-color);
    left: unset;
    right: 105px;
}

.lc_pageheader.gradient .bigimage_teaser .freetext {
    bottom: unset;
    position: absolute;
    top: 50%;
    transform: translateY(-30%);
}

.lc_pageheader.gradient .freetext.text p {
    font-size: 2.588rem;
    line-height: 2.824rem;
}

.lc_pageheader.gradient a.esvlink_button_right,
.lc_pageheader.gradient a.esvlink_button_left,
.lc_pageheader.gradient a.esvlink_button_center {
    border-radius: 42px;
    margin-top: 22px;
    padding: 21px 57px;
}

.lc_pageheader.gradient .freetext.text p a.esvlink_button_right span,
.lc_pageheader.gradient .freetext.text p a.esvlink_button_left span,
.lc_pageheader.gradient .freetext.text p a.esvlink_button_center span {
    font-size: 1.824rem;
    line-height: 2.176rem;
    padding: 0;
    text-shadow: none;
}

.lc_pageheader.gradient a.esvlink_button_right span:before,
.lc_pageheader.gradient a.esvlink_button_left span:before,
.lc_pageheader.gradient a.esvlink_button_center span:before {
    font-size: 2rem;
    padding-right: 20px;
}


@media (max-width: 1300px) {

    .lc_pageheader.gradient .bigimage_teaser {
        height: 744px;
    }

    .lc_pageheader .freetext.text {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }

    .lc_pageheader .freetext.text p:first-child,
    .lc_pageheader .freetext.text p {
        padding-left: 0;
    }

}

@media (max-width: 950px) {

    .gradient .bigimage_teaser:before {
        right: 19%;
    }

    .gradient .bigimage_teaser:after {
        width: 19%;
    }

}

@media (max-width: 630px) {

    .lc_pageheader.gradient .bigimage_teaser {
        display: flex;
        flex-direction: column;
        height: unset;
    }

    .lc_pageheader.gradient .bigimage_teaser:before,
    .lc_pageheader.gradient .bigimage_teaser:after {
        display: none;
    }

    .lc_pageheader.gradient .bigimage_teaser img {
        height: 232px;
    }

    .lc_pageheader.gradient .bigimage_teaser .teaser_text {
        left: unset;
        margin-left: 0;
        margin-right: 0;
        position: relative;
        right: unset;
        text-align: center;
        width: 100%;
    }

    .lc_pageheader.gradient .bigimage_teaser .teaser_text:before {
        background: var(--lc-lcbackgrounddesign-bg-color-white);
        clip-path: polygon(0 50%, 100% 0%, 100% 100%, 0% 100%);
        content: "";
        height: 110px;
        left: 0;
        position: absolute;
        top: -76px;
        width: 1920px;
    }

    .lc_pageheader.gradient .bigimage_teaser .freetext {
        position: static;
        top: unset;
        transform: unset;
    }

    .lc_pageheader.gradient .freetext.text p {
        font-size: 1.941rem;
        line-height: normal;
    }

    .lc_pageheader.gradient a.esvlink_button_right,
    .lc_pageheader.gradient a.esvlink_button_left,
    .lc_pageheader.gradient a.esvlink_button_center {
        padding: 15px 40px;
    }

    .lc_pageheader.gradient a.esvlink_button_right {
        margin-left: auto;
        margin-right: auto;
    }

    .lc_pageheader.gradient .freetext.text p a.esvlink_button_right span,
    .lc_pageheader.gradient .freetext.text p a.esvlink_button_left span,
    .lc_pageheader.gradient .freetext.text p a.esvlink_button_center span {
        font-size: 1.294rem;
        line-height: 1.529rem;
    }

    .lc_pageheader.gradient a.esvlink_button_right span:before,
	.lc_pageheader.gradient a.esvlink_button_left span:before,
	.lc_pageheader.gradient a.esvlink_button_center span:before {
	    font-size: 1.412rem;
	    padding-right: 15px;
	}

}


/* ============================================ */
/* zeilenkonzeptmetacontainer           - Start */
/* ============================================ */

.meta_container {
    padding-top: 40px;
}

.meta_container.bottom-spacing-0:last-child {
    margin-bottom: -100px;
}


/* Zusätzliche HTML Klasse: Custom1 */

.meta_container.mc-custom1 {
    padding: 50px 0;
}

.meta_container.mc-custom1 .lc_columnContainer {
    padding: 0;
}

.meta_container.mc-custom1 .columns3_layout {
    grid-template-columns: 35% 22% 35%;
    grid-column-gap: 4%;
}

.meta_container.mc-custom1 .tile .textbox {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.meta_container.mc-custom1 .tile .text {
    padding: 0;
}

.meta_container.mc-custom1 .tile h1 {
    font-size: 1.352rem;
    font-weight: 500;
    line-height: 1.76rem;
    margin: 0;
}

#esv-container .meta_container.mc-custom1 .tile p {
    padding: 0;
}

.meta_container.mc-custom1 .tile a.esvlink_button_center {
    border-radius: 40px;
    border: none;
    letter-spacing: 1px;
    margin: 0 auto 12px auto;
    max-width: 380px;
    min-height: 70px;
    width: calc(100% - 1px);
}


/* Zusätzliche HTML Klasse: Custom1 */
/* lctile - Element-Typ: Typ 3 */

.tile.tile_type03 .tileimg {
    width: 200px;
}

.tile.tile_type03 .textbox {
    padding-top: 60px;
}

.tile.tile_type03.no_link .text {
    padding-bottom: 30px;
}


/* Zusätzliche HTML Klasse: Custom2 */

.meta_container.mc-custom2 {
    padding-bottom: 40px;
}

.meta_container.mc-custom2.slim .center {
    padding-left: 250px;
    padding-right: 250px;
}

.meta_container.mc-custom2 .no-lcheadline-icon .text:before {
    content: "\e9b2";
    display: block;
    font-family: "sv_icons" !important;
    font-size: 70px;
    text-align: center;
}


/* Zusätzliche HTML Klasse: Custom3 */

.meta_container.mc-custom3 {
    margin-bottom: 40px;
    overflow-x: clip;
    padding: 40px 0 20px 0;
    position: relative;
}

.meta_container.mc-custom3:before,
.meta_container.mc-custom3:after {
    background: var(--lc-lcbackgrounddesign-bg-color-grey);
    content: "";
    height: 80px;
    height: 110px;
    left: 0;
    position: absolute;
    width: 100%;
}

.meta_container.mc-custom3:before {
    clip-path: polygon(0 50%, 100% 0%, 100% 100%, 0% 100%);
    top: -60px;
}

.meta_container.mc-custom3:after {
    bottom: -55px;
    clip-path: polygon(0 0, 100% 0%, 100% 50%, 0% 100%);
}

.meta_container.mc-custom3 .lcheadline {
    padding-bottom: 30px;
}

.meta_container.mc-custom3 h2 {
    margin: 0;
}


/* Zusätzliche HTML Klasse: Custom4 */

.meta_container.mc-custom4 ul {
    margin-left: auto;
    margin-right: auto;
    max-width: 420px;
}

.meta_container.mc-custom4 .freetext.text ul {
    font-size: 1.294rem;
    font-weight: 700;
}

.meta_container.mc-custom4 .text li {
    padding: 0;
}


@media (max-width: 1920px) {

    .meta_container.mc-custom3:before,
    .meta_container.mc-custom3:after {
        width: 1920px;
    }
    
}

@media (max-width: 1300px) {

    /* Zusätzliche HTML Klasse: Custom2 */

    .meta_container.mc-custom2.slim .center {
        padding-left: 13%;
        padding-right: 13%;
    }

}

@media (max-width: 1200px) {

    /* Zusätzliche HTML Klasse: Custom1 */

    .meta_container.mc-custom1 .columns3_layout {
        grid-template-columns: 100%;
    }


    /* Zusätzliche HTML Klasse: Custom1 */
    /* lctile - Element-Typ: Typ 3 */

    .meta_container.mc-custom1 .tile.tile_type03 p {
        justify-content: center;
    }

}

@media (max-width: 960px) {

    .meta_container.mc-custom4 .freetext.text ul {
        font-size: 1.059rem;
        font-weight: 400;
    }
    
}

@media (max-width: 630px) {

    .meta_container.mc-custom4 .freetext.text ul {
        font-size: 0.941rem;
        font-weight: 700;
    }
    
}


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

/* Zusätzliche HTML Klasse: Custom3 */

.lc_columnContainer.custom1 .columns3_layout {
    align-items: center;
    column-gap: 80px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    row-gap: 22px;
}

.lc_columnContainer.custom1 .columns3_layout .tile .imagebox img {
    height: 84px;
}

.lc_columnContainer.custom1 .columns3_layout .tile .textbox {
    display: none;
}


@media (max-width: 1200px) {

    .lc_columnContainer.custom1 .columns3_layout {
        column-gap: 40px;
    }

    .lc_columnContainer.custom1 .columns3_layout .tile .imagebox img {
        height: 65px;
    }

}

@media (max-width: 960px) {

    .columns3_layout {
        grid-template-columns: 100%;
    }

    .lc_columnContainer.custom1 .columns3_layout {
        flex-direction: column;
        flex-wrap: wrap;
    }

}

@media (max-width: 600px) {

    .lc_columnContainer.custom1 .columns3_layout .tile .imagebox img {
        height: 62px;
    }
    
}


/* ============================================ */
/* lctile                               - Start */
/* ============================================ */

.tile h2 {
    margin-bottom: 30px;
}

.tile.image_left,
.tile.image_right {
    align-items: center;
}

@media (max-width: 960px) {

    .tile.image_left {
        flex-direction: column-reverse;
        row-gap: 50px;
    }

	.tile.image_right {
        flex-direction: column;
        row-gap: 50px;
    }

    .tile.image_right .imagebox,
    .tile.image_left .imagebox,
    .tile.image_right .textbox,
    .tile.image_left .textbox {
        width: 100%;
    }

    .image_right .textbox h2,
    .image_left .textbox h2 {
        text-align: center;
    }

}

@media (max-width: 630px) {

	.tile.image_left,
	.tile.image_right {
        row-gap: 40px;
    }
	
}


/* ============================================ */
/* accordion                            - Start */
/* ============================================ */

.accordion dt,
.accordion dt.open {
    background: none;
}

.accordion dt,
.accordion dd {
    margin-bottom: 15px;
}

.accordion dt.open {
    margin-bottom: 0;
}

.accordion dt a {
    color: var(--g-link-text-color);
    font-size: 1.647rem;
    font-weight: 500;
    line-height: 30px;
    padding: 0 25px 25px 65px;
}

.accordion dd {
    padding: 0 25px 25px 65px;
}

dl.accordion dt a span.sv-down,
dl.accordion dt.open a span.sv-down {
    font-size: 2rem;
    font-weight: 500;
    left: 0;
    position: absolute;
    right: unset;
    top: calc(50% - 12px);
    transform: translateY(-50%);
}

.accordion dt a span.sv-down::before {
    content: "\e95a";
}

.accordion dt.open a span.sv-down::before {
    content: "\e958";
}


@media (max-width: 960px) {

    .accordion dt a {
        font-size: 1.412rem;
        line-height: 1.529rem;
    }

}

@media (max-width: 630px) {

    .accordion dt a {
        font-size: 1.059rem;
        line-height: 1.176rem;
    }

}


/* ============================================ */
/* faq                                  - Start */
/* ============================================ */

.contextsearch-contextfilter {
    align-items: center;
    flex-direction: column;
    gap: 40px;
    margin-bottom: 80px;
}

.contextsearch {
    margin-bottom: 0;
}

.contextsearch-contextfilter .contextsearch-input {
    top: unset;
	transform: unset;
}

.contextsearch input {
    color: var(--gr-text-color);
}

.contextsearch input:focus {
    outline: 3px solid var(--gr-outline-color);
}

.contextsearch .sv-search_b,
.contextsearch .sv-close {
    color: var(--g-link-text-color);
}

.lcfaq .contextfilter ul {
	align-items: center;
    gap: 30px;
    justify-content: center;
    top: unset;
	transform: unset;
}

.lcfaq .contextfilter li {
    margin: 0;
}

.lcfaq .contextfilter li:not(.reset-contextfilter) a {
    background: var(--lc-filter-bg-color-02);
    border-radius: 54px;
	font-size: 1.647rem;
    font-weight: 500;
	line-height: 1.765rem;
	padding: 8px 24px;
	text-decoration: none;
}

.lcfaq .contextfilter li.reset-contextfilter a {
    background: none;
    font-size: 1.176rem;
}

.lcfaq .contextfilter li a.active-contextfilter-category {
    padding-right: 65px;
}

.lcfaq .contextfilter li a.active-contextfilter-category,
.faq-result .faq-categories p span.active-contextfilter-category {
    background: var(--p-bg-color);
    color: var(--g-text-color-02);
}

.contextfilter li a.active-contextfilter-category:after {
    font-size: 40px;
    padding-left: 10px;
    padding-top: 3px;
}

.faq-result .faq-categories p {
    justify-content: flex-start;
}

.faq-result .faq-categories p span {
    background: var(--p-bg-color);
    font-size: 0.941rem;
    margin: 0;
}

.faq-result dl.accordion dt a .faq-question {
    font-size: 1.647rem;
    font-weight: 500;
    line-height: 30px;
}

.faq-result dl.accordion dt a span.sv-down,
.faq-result dl.accordion dt.open a span.sv-down {
    left: -65px;
    top: 50%;
    transform: translateY(-50%);
}

.faq-result dl.accordion dt a span.sv-down::before {
    content: "\e95a";
}

.faq-result dl.accordion dt.open a span.sv-down::before {
    content: "\e958";
}


@media (max-width: 960px) {

    .lcfaq .contextfilter li:not(.reset-contextfilter) a,
    .faq-result dl.accordion dt a .faq-question {
        font-size: 1.412rem;
        line-height: 1.529rem;
    }

    .lcfaq .contextfilter li.reset-contextfilter a {
        font-size: 1.059rem;
    }

}

@media (max-width: 630px) {

    .lcfaq .contextfilter li:not(.reset-contextfilter) a,
    .faq-result dl.accordion dt a .faq-question {
        font-size: 1.059rem;
        line-height: 1.176rem;
    }

    .lcfaq .contextfilter li.reset-contextfilter a {
        font-size: 0.941rem;
    }

}

@media (max-width: 400px) {

    .lcfaq .contextfilter ul {
        flex-direction: column;
    }

}


/* ============================================ */
/* esvlink                              - Start */
/* ============================================ */

.text a.esvlink:hover {
    text-decoration: none;
}


/* ============================================ */
/* esvcustomtextformat                  - Start */
/* ============================================ */

.custom-text-format-bigger {
    font-size: 1.647rem;
    font-weight: 500;
    line-height: 1.765rem;
}

@media (max-width: 630px) {

    .custom-text-format-bigger {
        font-size: 0.941rem;
        font-weight: 700;
        line-height: 1.176rem;
    }
    
}


/* ============================================ */
/* footer                               - Start */
/* ============================================ */

#esv-footer {
    margin-top: 52px;
    overflow-x: clip;
    padding: 80px 0;
    position: relative;
}

#esv-footer:before {
    background: var(--g-footer-bg-color);
    clip-path: polygon(0 50%, 100% 0%, 100% 100%, 0% 100%);
    content: "";
    height: 110px;
    left: 0;
    position: absolute;
    top: -55px;
    width: 1920px;
}

.top {
    font-family: 'Roboto', sans-serif;
    font-size: 0.941rem;
    letter-spacing: normal;
    line-height: 1.294rem;
    margin: 0 0 80px 0;
    padding: 10px 0 25px 0;
    position: relative;
    text-transform: none;
}

.top:before {
    content: "\e919";
    font-family: "sv_icons" !important;
    font-size: 30px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
}

.top img {
    display: none;
}

.footer-contact {
    display: block;
    float: none;
    padding-bottom: 0;
    text-align: center;
    width: 100%;
}

.footer-contact .address {
    display: block;
}

.footerlogo img {
    margin-left: 23px;
    width: 240px;
}

.footer-content {
    display: flex;
    float: none;
    justify-content: center;
    margin-top: 80px;
}

.footer-content .linkbox {
    border: none;
    margin-bottom: 50px;
    padding: 0;
}

#esv-footer .footer-content ul,
#esv-footer .footer-content li {
    width: 100%;
}

#esv-footer .footer-content .linkbox .esvlinks li {
    padding: 0;
}

#esv-footer .footer-content a {
    display: block;
    text-align: center;
    width: 100%;
}


@media (max-width: 960px) {

    #esv-footer {
		padding-bottom: 0;
	}

    .footer-contact .address {
        width: 100%;
    }

    .footer-content {
        flex-direction: column;
    }

    .footer-content .linkbox {
        margin-left: auto;
        margin-right: auto;
    }

    .footer-content .linkbox:nth-child(2n+1) {
        padding: 0;
    }

    .footer-content .linkbox:not(:last-child) {
        margin-bottom: 20px;
    }

}

@media (max-width: 630px) {

    #esv-footer .footer-content ul {
		font-size: 1.059rem;
	}

}


/* ============================================ */
/* cookie-banner                        - Start */
/* ============================================ */

#consent-container .consent-left h2 {
    color: var(--gr-text-color);
    font-weight: 500;
}

#consent-container .consent-left p {
	font-size: 0.941rem;
}