/* ==========================================================================
    LAYOUTS
    -------------------------------------------------------------------------
    Section

    ELEMENTS
    -------------------------------------------------------------------------
    Indicators
      : Links (override)
      : Toggle Icon (override)

    COMPONENTS
    -------------------------------------------------------------------------
    Tables
      : Default (Override/complement)
    Cookies
      : Buttons (Override/complement)

    WIDGETS
    -------------------------------------------------------------------------
    Signature box (New)
    Signature iframe (New)

    MODULES
    -------------------------------------------------------------------------
    Footer

    PAGETYPES
    -------------------------------------------------------------------------
    XXX

    UTILITIES
    -------------------------------------------------------------------------
    XXX
========================================================================== */

/*
    LAYOUTS/Section: Action next to title (Override/complement)
*/
.menu__link[aria-expanded=false]:after,
.menu__link[aria-expanded=true]:after {
    content: "";
}

.menu__thumbnail {
    order: 2;
}

.menu__text {
    font-size: 1.4rem;
    color: var(--color--dark);
    font-weight: normal;
    padding-right: var(--spacer--xs);
}

/*
    ELEMENTS/Indicators: Links
*/
.CheckBoxListFormField_more,
.RadioButtonListFormField_more,
.article--details .article__content__view__field__value a,
.link,
.tc_formDescription a, .tc_formSublabel a {
    font-weight: normal;
}

.footer__social .footer__social__item[target="_blank"]::after,
.footer__rights .footer__links__item .link[target="_blank"]::after,
.submenu__link[target="_blank"]::after,
.link[target="_blank"]::after{
    content: "";
    background-position: right;
    padding: .6rem;
}
.submenu__link[target="_blank"]::after{
    background-image: var(--link__icon--new-tab--dark);
    background-size: 80%;
    margin-left: .2rem;
}
.submenu__text {
    flex-grow: 0;
}
.submenu__link {
    align-items: start;
}

.footer__rights .footer__links__item .link[target="_blank"]::after{
    background-image: var(--link__icon--new-tab--grey);
    background-size: 80%;
    margin-left: .2rem;
}

.footer__social .footer__social__item[target="_blank"]::after,
.footer__info__additional .footer__links__item .link[target="_blank"]::after{
    background-image: var(--link__icon--new-tab--light);
    background-size: 80%;
    margin-left: .2rem;
}

/*
    ELEMENTS/Indicators: Toggle
*/
.toggle--card .toggle__icon {
    --toggle--font--color: var(--color--clickeable);
}
.Section--collapsible--bottom .toggle__text {
    display: block;
    color: var(--color--clickeable);
    font-weight: normal;
}
.Section--collapsible--top .Section__toggle {
    width: 100%;
    justify-content: start;
}
.search__panel .toggle[aria-expanded=false] .toggle__icon:after {
    content: "";
    background-image: var(--icon--plus);
    width: var(--spacer--s2);
    height: var(--spacer--s2);
}

.search__panel .toggle[aria-expanded=true] .toggle__icon:after {
    content: "-";
    color: var(--color--brand);
}

.Section--collapsible--bottom .toggle {
    flex-direction: row-reverse;
    --toggle--height: 1rem;
}

.Section--collapsible--bottom .Section__toggle {
    padding-top: unset;
    padding-bottom: 3rem;
}

@media (max-width: 1024px) {
    .search--toggleable .search__panel {
        background-color: var(--color--accent-2);
    }
    .toggle--search[aria-expanded=true] {
        border-bottom-right-radius: unset;
        border-bottom-left-radius: unset;
    }
}
@media (max-width: 750px) {
    .section[search-type=toggleable] .section__header__search {
        margin-top: 1.2rem;
    }
}

.banner__text__title.title--banner {
    margin-bottom: 3.2rem;
}

/*
    COMPONENTS/Tables: Default (Override/complement)
*/

.table--default .sort__item:not(.tpt_listSortableItem) {
    cursor: default;
}

/*
    COMPONENTS/Cookies - Buttons (Override/complement)
*/
.cookiesButtonAccept, .cookiesButtonReject, .cookiesButtonSave, .cookiesButtonSettingsText{
    width: 100%;
    flex-basis: var(--button-bar__buttons--width);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: unset;
    outline-width: var(--buttons--outline--width);
    outline-style: solid;
    outline-color: var(--buttons--outline--color);
    border-radius: var(--buttons--border--radius);
    border-width: var(--buttons--border--width);
    border-style: solid;
    border-color: var(--buttons--border--color);
    min-height: var(--buttons--height);
    height: var(--buttons--height);
    background-color: var(--buttons--background--color);
    background-image: unset;
    padding-top: calc(var(--buttons--padding--v) - var(--buttons--border--width));
    padding-right: calc(var(--buttons--padding--h) - var(--buttons--border--width));
    padding-bottom: calc(var(--buttons--padding--v) - var(--buttons--border--width));
    padding-left: calc(var(--buttons--padding--h) - var(--buttons--border--width));
    font-family: var(--buttons--font);
    font-size: var(--buttons--font--size);
    line-height: calc(var(--buttons--height) -(var(--buttons--padding--v)* 2));
    font-weight: normal;
    font-style: normal;
    text-transform: initial;
    text-decoration: none;
    text-align: center;
    vertical-align: baseline;
    color: var(--buttons--font--color);
    cursor: pointer;
    touch-action: manipulation;
}
.cookies {
    padding-top: 4rem;
}

@media all and (min-width: 751px) {
    .cookiesButtonAccept, .cookiesButtonReject, .cookiesButtonSave, .cookiesButtonSettingsText{
        max-width: 14rem;
    }
    .cookies {
        padding-bottom: 4.8rem;
    }
}

@media all and (max-width: 750px) {
    .cookies__settings__option {
        margin-top: 4.2rem;
    }
    .cookies {
        padding-bottom: 4rem;
    }
}

.cookies__settings__icon__hide .cookiesButtonSettingsText {
    display: inline-flex;
}

.cookies__settings__buttons{
    --color--brand--sub-3: var(--color--white)
}

.cookiesButtonAccept:hover,
.cookiesButtonAccept:active,
.cookiesButtonAccept:focus,
.cookiesButtonReject:hover,
.cookiesButtonReject:active,
.cookiesButtonReject:focus,
.cookiesButtonSettings:hover,
.cookiesButtonSettings:active,
.cookiesButtonSettings:focus {
    opacity: unset;
}
/*
    WIDGETS/Signature box (New)
*/

.section--signature,
.section--signature .section__content,
.section--signature .article,
.section--signature .article__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    flex-grow: 1;
    width: 100%;
    height: 100%;
}

/*
    WIDGETS/Signature widget/iframe (New)
*/

.section--signature iframe {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    flex-grow: 1;
    width: 100%;
    height: 100%;
}

.section--signature iframe {
    min-height: 60rem;
}

/*
    MODULES/Footer (Override)
*/
.footer{
    border-top-width: 0;
}
.footer__content .menu__text:not(:hover):not(:focus):not(:active) {
    color: inherit;
}

.footer__content .menu__text {
    font-size: 1.6rem;
    padding-right: var(--spacer--l);
}

.footer__content .menu__text:not(.menu__text__title--social-items):hover,
.footer__content .menu__item.menu__item--languages:hover,
.footer__content .menu__item.menu__item--languages.menu__item--open,
.footer__content .menu__item.menu__item--languages:focus .menu__link,
.footer__content .menu__link:hover,
.menu__item--languages .menu__link:hover {
    color: var(--color--dark);
    --menu__link--font--color: var(--color--dark);
}

.footer__content .menu__link,
.menu__item--languages .menu__link {
    border-width: .1rem;
    border-color: var(--color--white);
    padding-top: 1.2rem;
    padding-right: 1.6rem;
    padding-bottom: 1.2rem;
    padding-left: 1.6rem;
    max-height: 4.4rem;
}

.footer .menu__text {
    line-height: 2rem;
    font-size: 1.4rem;
}
.footer .menu__text.menu__text__title--social-items {
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: var(--color--font);
}
.footer__content .menu__link:after {
    background-image: var(--icon--language);
    background-size: contain;
    width: 1.6rem;
    height: 1.6rem;
}
.footer__content .menu__link:hover:after,
.footer__content .menu__item.menu__item--languages:hover .menu__link:after,
.footer__content .menu__item.menu__item--languages.menu__item--open .menu__link:after,
.footer__content .menu__item.menu__item--languages:focus .menu__link:after {
    background-image: var(--icon--language-hover);
    background-size: contain;
    width: 1.6rem;
    height: 1.6rem;
}

.footer .menu--visible .submenu__list {
    top: unset;
    z-index: 3;
    bottom: 100%;
}

@media (max-width: 750px) {
    .footer__links {
        flex-direction: column;
        align-items: start;
        gap:2.4rem
    }

    .menu.menu--visible {
        width: 100%;
    }

    .footer__content .menu__link {
        justify-content: center;
    }

    .footer .logo {
        justify-content: start;
    }

    .menu--visible .menu__item {
        width: 100%;
    }
}

@media all and (max-width:750px) {
    .footer__content > [class^="footer"],
    .footer__content .footer__info__additional {
        display: flex;
        flex-direction: column;
        align-items: start;
        width: 100%;
        gap: var(--spacer--l);
        margin-top: var(--spacer--l);
    }
    .menu__list.menu__list--separator-left {
        width: 100%;
    }
    .footer__content .menu__text {
        flex-grow: unset;
    }
    .footer__menu {
        margin-bottom: 4.8rem;
    }

}
@media (max-width: 1024px) {
    .footer {
        font-size: 1.6rem;
    }
}
@media (min-width: 751px) {
    .footer__content {
        flex-wrap: wrap;
    }
    .footer__rights {
        width: 100%;
        gap: var(--spacer--l);
    }
    .footer__info {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: var(--spacer--l);
    }
    .footer__info__additional{
        display: flex;
    }
    .footer__info__additional .footer__links__item:not(:first-of-type) .link {
        margin-left: var(--spacer--l);
        padding-left: var(--spacer--s);
    }
    .footer__menu {
        margin-bottom: 3.4rem;
    }
    .footer__links {
        flex-direction: column;
        align-items: start;
        gap: var(--spacer--l);
    }
    .footer .footer__language--bottom {
        margin-left: auto;
    }

}

.footer__content {
    display: unset;
}
.footer__menu{
    display: flex;
    align-items: center;
    border-bottom-width: .1rem;
    border-bottom-style: solid;
    border-bottom-color: #8d8d8d;
    padding-bottom: 3.4rem;
}
@media (min-width: 751px) {
    .footer__menu {
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 2.4rem;
    }
}
.footer__social__item {
    width: 3.8rem;
    display: flex;
    align-items: start;
}
@media (min-width: 751px) {
    .footer__social__item+.footer__social__item {
        margin-left: var(--spacer--l);
    }
}
.footer__social__item__icon {
    max-width: 2.2rem;
}

.footer__links__item .link {
    font-weight: normal;
    display: flex;
    align-items: start;
}

.footer__rights .footer__links__item .link {
    color: #a8a8a8;
}

.menu__item--languages .button.button--secondary {
    --buttons--border--color: var(--color--white);
    height: 4.4rem;
}
.menu__item--languages .button.button--secondary:focus,
.menu__item--languages .button:focus {
    --buttons--outline--color: var(--color--white);
    --buttons--border--color: var(--color--white);
}
.footer .button.button--secondary .menu__text{
    color: var(--color--white);
}
.footer .thumbnail {
    --thumbnail--width: var(--spacer--m);
    --thumbnail--height: var(--spacer--m);
}

/*
    PAGETYPES/XXX
*/

/*
    UTILITIES/XXX
*/