/* Facets selection */
.facets-selection .button {
    --background-color: transparent;
    --border-top-color: var(--root-color-text);
    --border-right-color: var(--root-color-text);
    --border-bottom-color: var(--root-color-text);
    --border-left-color: var(--root-color-text);
    --border-top-width: 0.125rem;
    --border-right-width: 0.125rem;
    --border-bottom-width: 0.125rem;
    --border-left-width: 0.125rem;
    --color: var(--root-color-text);
}

.facets-selection .button:active,
.facets-selection .button:focus,
.facets-selection .button:hover {
    --background-color: hsla(0, 0%, 0%, 0.1);
    --border-top-color: var(--root-color-text);
    --border-right-color: var(--root-color-text);
    --border-bottom-color: var(--root-color-text);
    --border-left-color: var(--root-color-text);
}

/* Follow-up contact */
.follow-up-contact__default,
.follow-up-location__default,
.follow-up-organisation__default {
    background-color: #f5f9fa;
}

/* Spotlight */
@media (min-width: 62rem) {
    .spotlight--layout-0.section--color .spotlight__image {
        -webkit-mask: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 600 336' version='1.1' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M600,336L114.783,335.621C114.783,335.621 16.706,190.891 0,0.432L600,0L600,336Z'/%3E%3C/svg%3E");
        mask: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 600 336' version='1.1' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M600,336L114.783,335.621C114.783,335.621 16.706,190.891 0,0.432L600,0L600,336Z'/%3E%3C/svg%3E");
        mask-position: top left;
        mask-size: cover;
    }

    .spotlight--layout-5.section--color .spotlight__image {
        -webkit-mask: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 600 336' version='1.1' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M0,336L485.217,335.621C485.217,335.621 583.294,190.891 600,0.432L0,0L0,336Z'/%3E%3C/svg%3E");
        mask: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 600 336' version='1.1' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M0,336L485.217,335.621C485.217,335.621 583.294,190.891 600,0.432L0,0L0,336Z'/%3E%3C/svg%3E");
        mask-position: top right;
        mask-size: cover;
    }
}

/* Section color light overlay */
@media (min-width: 30rem) {
    .blog-featured-and-latest.section--color::before,
    .ce-accordion.section--color::before,
    .events-featured-and-upcoming.section--color::before,
    .highlightmenu.section--color::before,
    .news-featured-and-latest.section--color::before,
    .page-card-menu.section--color::before,
    .page-link-menu.section--color::before,
    .projects-latest.section--color::before,
    .recruitment-featured-and-latest.section--color::before,
    .related-pages.section--color::before,
    .tabbed-top-tasks.section--color::before,
    .top-tasks-ce-list.section--color::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .blog-featured-and-latest.section--color-primary::before,
    .ce-accordion.section--color-primary::before,
    .events-featured-and-upcoming.section--color-primary::before,
    .highlightmenu.section--color-primary::before,
    .news-featured-and-latest.section--color-primary::before,
    .page-card-menu.section--color-primary::before,
    .page-link-menu.section--color-primary::before,
    .projects-latest.section--color-primary::before,
    .recruitment-featured-and-latest.section--color-primary::before,
    .related-pages.section--color-primary::before,
    .tabbed-top-tasks.section--color-primary::before,
    .top-tasks-ce-list.section--color-primary::before {
        background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 2560 600' version='1.1' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M2560,600L204.642,600C174.858,259.892 0,0 0,0L2560,0L2560,600Z' style='fill:%2361b232;'/%3E%3C/svg%3E");
        right: 0;
        left: 45%;
    }

    .blog-featured-and-latest.section--color-secondary::before,
    .ce-accordion.section--color-secondary::before,
    .events-featured-and-upcoming.section--color-secondary::before,
    .highlightmenu.section--color-secondary::before,
    .news-featured-and-latest.section--color-secondary::before,
    .page-card-menu.section--color-secondary::before,
    .page-link-menu.section--color-secondary::before,
    .projects-latest.section--color-secondary::before,
    .recruitment-featured-and-latest.section--color-secondary::before,
    .related-pages.section--color-secondary::before,
    .tabbed-top-tasks.section--color-secondary::before,
    .top-tasks-ce-list.section--color-secondary::before {
        background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 2560 600' version='1.1' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M2560,600L-0,600L-0,0L2355.36,0C2355.36,0 2530.22,259.892 2560,600Z' style='fill:%23005980;'/%3E%3C/svg%3E");
        background-position: center right;
        right: 42%;
        left: 0;
    }

    .blog-featured-and-latest.section--color-support::before,
    .ce-accordion.section--color-support::before,
    .events-featured-and-upcoming.section--color-support::before,
    .highlightmenu.section--color-support::before,
    .news-featured-and-latest.section--color-support::before,
    .page-card-menu.section--color-support::before,
    .page-link-menu.section--color-support::before,
    .projects-latest.section--color-support::before,
    .recruitment-featured-and-latest.section--color-support::before,
    .related-pages.section--color-support::before,
    .tabbed-top-tasks.section--color-support::before,
    .top-tasks-ce-list.section--color-support::before {
        background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 2560 600' version='1.1' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M2560,600L-0,600L-0,0L2355.36,0C2355.36,0 2530.22,259.892 2560,600Z' style='fill:%2397bee7;'/%3E%3C/svg%3E");
        background-position: center right;
        right: 42%;
        left: 0;
    }

    .blog-featured-and-latest.section--color-grey::before,
    .ce-accordion.section--color-grey::before,
    .events-featured-and-upcoming.section--color-grey::before,
    .highlightmenu.section--color-grey::before,
    .news-featured-and-latest.section--color-grey::before,
    .page-card-menu.section--color-grey::before,
    .page-link-menu.section--color-grey::before,
    .projects-latest.section--color-grey::before,
    .recruitment-featured-and-latest.section--color-grey::before,
    .related-pages.section--color-grey::before,
    .tabbed-top-tasks.section--color-grey::before,
    .top-tasks-ce-list.section--color-grey::before {
        background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 2560 600' version='1.1' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M2560,600L-0,600L-0,0L2355.36,0C2355.36,0 2530.22,259.892 2560,600Z' style='fill:%23dfe2df;'/%3E%3C/svg%3E");
        background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 2560 600' version='1.1' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M2560,600L-0,600L-0,0L2355.36,0C2355.36,0 2530.22,259.892 2560,600Z' style='fill:%23dfe2df;'/%3E%3C/svg%3E");
        background-position: center right;
        right: 42%;
        left: 0;
    }
}

/* CE header layout-2 - radius right and solid background to the left edge of viewport */
@media (min-width: 62rem) {
    .ce-header.banner--layout-2 .banner__content-frame {
        position: relative;
        box-shadow: -0.2rem 0.2rem 0.25rem 0 rgba(0, 0, 0, 0.16);
    }

    .ce-header.banner--layout-2 .banner__content-frame::before {
        content: "";
        height: 100%;
        aspect-ratio: 1/1;
        position: absolute;
        top: 0;
        left: 100%;
        translate: -50%;
        background: var(--root-color--white);
        border-radius: 50%;
    }

    .ce-header.banner--layout-2 .banner__content-frame::after {
        content: '';
        background : var(--root-color--white);
        width: 50vw;
        display: block;
        position: absolute;
        top: 0;
        right: 100%;
        bottom: 0;
        box-shadow: -0.2rem 0.2rem 0.25rem 0 rgba(0, 0, 0, 0.16);
    }

    .ce-header.banner--layout-2 .banner__content-frame > * {
        position: relative;
    }
}

/* CE header layout-3 - circular shape overlay */
@media (min-width: 48rem) {
    .ce-header.banner--layout-3 .banner__visual::after {
        background-position: right -50% center;
    }
}

@media (min-width: 100rem) {
    .ce-header.banner--layout-3 .banner__visual::after {
        background-position: right 2rem center;
    }
}