/* Background color for ALL pages */
body {
    background-color: hsl(89, 85%, 95%);
}

/* Page header search */
input[type="search"].page-header__search__input {
    border-radius: 0.25rem;
}

input[type="search"].page-header__search__input::placeholder {
    font-weight: var(--root-font-weight--bold);
}

/* Cards */
.card:not(.card--image-none).card--button,
.card:not(.card--image-none) .card__link {
    border-radius: 1rem;
    overflow: hidden;
}

.top-subjects .card:not(.card--image-none).card--button {
    border-radius: 0;
}

.card--color-primary .card__link:active .card__title,
.card--color-primary .card__link:focus .card__title,
.card--color-primary .card__link:hover .card__title {
    --color: var(--root-color--white);
}

.card--color-secondary .card__link:active .card__title,
.card--color-secondary .card__link:focus .card__title,
.card--color-secondary .card__link:hover .card__title {
    --color: var(--root-color--white);
}

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

.facets-selection .button:hover {
    --background-color: var(--root-color--primary);
    --color: var(--root-color--white);
}

/* Collapsible */
.collapsible.collapsible--open .collapsible__button {
    --color-background: var(--root-color--white);
}

.feedback .collapsible.collapsible--open .collapsible__button {
    --color-background: var(--root-color--primary);
}

/* CE Opening Hours Spotlight */
@media (min-width: 62rem) {
    .opening-hours-spotlight__image {
        border-radius: 1rem;
    }
}

/* Spotlights */
.spotlight--layout-3 .spotlight__header {
    --font-size: var(--root-heading-1-size);
}

@media (min-width: 62rem) {
    .spotlight.spotlight--layout-0:not(.section--color) .spotlight__image,
    .spotlight.spotlight--layout-1 .spotlight__image,
    .spotlight.spotlight--layout-2 .spotlight__image,
    .spotlight.spotlight--layout-5:not(.section--color) .spotlight__image,
    .spotlight.spotlight--layout-6 .spotlight__content,
    .spotlight.spotlight--layout-7 .spotlight__content,
    .spotlight--layout-6 .spotlight__image,
    .spotlight--layout-7 .spotlight__image {
        border-radius: 1rem;
    }
}

/* Top tasks */
.top-tasks-tile {
    border-radius: 1rem;
}

.top-tasks-tile--dynamic {
    display: flex;
    flex-direction: column;
}

.top-tasks-tile--dynamic .top-tasks-tile__anchor {
    padding: 0;
    position: relative;
}

.top-tasks-tile--dynamic .top-tasks-tile__anchor::after {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%2300852e'%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E");
    height: 1.5rem;
    position: absolute;
    transform: translate(0.125em, 0.125em);
    width: 1.5rem;
}

.top-tasks-tile--dynamic .top-tasks-tile__body {
    order: 2;
}

.top-tasks-tile--dynamic .top-tasks-tile__visual {
    order: 1;
}

.top-tasks-tile--dynamic .top-tasks-tile__image {
    width: 100%;
    height: auto;
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: center bottom;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 500 1200'%3E%3Cpath d='M0 1160.55V0h500v1200c-150.405-25.24-320.262-39.45-500-39.45'/%3E%3C/svg%3E");
}

@media (min-width: 30rem) {
    .top-tasks-tile--dynamic .top-tasks-tile__image {
        width: auto;
        height: 100%;
        mask-position: left center;
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 1200 500'%3E%3Cpath d='M118.356 0H1200v500H0C75.708 349.595 118.351 179.738 118.356 0'/%3E%3C/svg%3E");
    }

    .top-tasks-header__top, .top-tasks-header__bottom {
        min-height: 2em;
    }

    .top-tasks-tile--dynamic .top-tasks-tile__body {
        flex-grow: 1;
        order: 1;
    }

    .top-tasks-tile--dynamic {
        grid-column: span 2;
        flex-direction: row;
    }

    .top-tasks-tile--dynamic .top-tasks-tile__visual {
        width: 50%;
        flex-shrink: 0;
        order: 2;
    }
}

@media (min-width: 48rem) {
    .top-tasks-list[data-maximum-columns="4"][data-amount="2"] {
        grid-template-columns: repeat(2, 1fr);
    }

    .top-tasks-list[data-maximum-columns="4"][data-amount="3"] {
        grid-template-columns: repeat(3, 1fr);
    }

    .top-tasks-list[data-maximum-columns="4"][data-amount="4"],
    .top-tasks-list[data-maximum-columns="4"][data-amount="5"],
    .top-tasks-list[data-maximum-columns="4"][data-amount="6"],
    .top-tasks-list[data-maximum-columns="4"][data-amount="7"],
    .top-tasks-list[data-maximum-columns="4"][data-amount="8"] {
        grid-template-columns: repeat(4, 1fr);
    }

    .top-tasks-list[data-maximum-columns="4"][data-amount="3"] {
        width: calc((((100% - (3 * var(--column-gap, 1rem))) / 4) * 3) + (2 * var(--column-gap, 1rem)));
    }

    .top-tasks-list[data-maximum-columns="4"][data-amount="4"],
    .top-tasks-list[data-maximum-columns="4"][data-amount="5"],
    .top-tasks-list[data-maximum-columns="4"][data-amount="6"],
    .top-tasks-list[data-maximum-columns="4"][data-amount="7"],
    .top-tasks-list[data-maximum-columns="4"][data-amount="8"] {
        width: 100%;
    }
}

/* Opening times */
.opening-times {
    border-radius: 0.25rem;
}

/* CE Text & Media / Images */
.ce-gallery__image {
    border-radius: 1rem;
}

/* CE portrait */
.portrait__image {
    border-radius: 1rem;
}

/* Follow-up */
.follow-up,
.follow-up-contact__image,
.follow-up-organisation__image {
    border-radius: 1rem;
}

.follow-up-contact__default,
.follow-up-location__default,
.follow-up-organisation__default {
    background-color: var(--root-color--white);
}

/* Enalyzer login */
.enalyzer-login__container {
    border-radius: 1rem;
    background-color: var(--root-color--white);
}

/* Scorion login */
.scorion-login__container {
    border-radius: 1rem;
    background-color: var(--root-color--white);
}

/* Project information progress */
.project-progress__container,
.project-progress__page__container {
    border-radius: 1rem;
}

/* Notification */
.notification {
    border-radius: 1rem;
}

/* Cookie consent */
.cookieconsent__form__container,
.cookieconsent__form__content {
    border-radius: 1rem;
}

.cookieconsent__form__container {
    background-color: var(--root-color--white);
}

/* Product page */
[data-document-type="52"] .main-column > .ce-textpic:first-of-type ul:first-of-type,
[data-document-type="52"] .main-column > .page-title + .ce-textpic ul:first-of-type,
[data-document-type="52"] .main-column > .page-title + .top-links + .ce-textpic ul:first-of-type,
[data-document-type="52"] .main-column > .ce-shortcut:first-of-type + .ce-textpic ul:first-of-type,
[data-document-type="52"] .main-column > .page-title + .ce-shortcut + .ce-textpic ul:first-of-type,
[data-document-type="52"] .main-column > .page-title + .top-links + .ce-shortcut + .ce-textpic ul:first-of-type {
    border-radius: 1rem;
}

/* Footer */
.page-footer {
    background-image: url('../../../_assets/9080f922156e971e8ba25f762929330f/Images/Lint-footer-mobile.png');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 15rem;
}

@media (min-width: 30rem) {
    .page-footer {
        background-image: url('../../../_assets/9080f922156e971e8ba25f762929330f/Images/Lint-footer.png');
        background-size: 20rem;
    }
}

/* Card lists */
@media (min-width: 62rem) {
    .blog-featured-and-latest:is(.section--color-primary, .section--color-secondary, .section--color-support),
    .events-featured-and-upcoming:is(.section--color-primary, .section--color-secondary, .section--color-support),
    .news-featured-and-latest:is(.section--color-primary, .section--color-secondary, .section--color-support),
    .page-card-menu:is(.section--color-primary, .section--color-secondary, .section--color-support),
    .projects-latest:is(.section--color-primary, .section--color-secondary, .section--color-support),
    .recruitment-featured-and-latest:is(.section--color-primary, .section--color-secondary, .section--color-support),
    .related-pages:is(.section--color-primary, .section--color-secondary, .section--color-support) {
        background-image: url('../../../_assets/9080f922156e971e8ba25f762929330f/Images/Lint-Cards.png');
        background-position: center calc(50% + 1rem);
        background-repeat: no-repeat;
        background-size: auto 27rem;
    }
}

/* CE Spotlight */
@media (min-width: 62rem) {
    .spotlight--layout-3:is(.section--color-primary, .section--color-secondary, .section--color-support) {
        background-image: url('../../../_assets/9080f922156e971e8ba25f762929330f/Images/Lint-Spotlight Layout-3.png');
        background-position: calc(50% - 1.5rem) bottom;
        background-repeat: no-repeat;
        background-size: auto 27rem;
    }

    .spotlight--layout-3:is(.section--color-primary, .section--color-secondary, .section--color-support) .spotlight__content {
        background-color: transparent;
    }

    .spotlight--layout-6:is(.section--color-primary, .section--color-secondary, .section--color-support),
    .spotlight--layout-7:is(.section--color-primary, .section--color-secondary, .section--color-support) {
        background-image: url('../../../_assets/9080f922156e971e8ba25f762929330f/Images/Lint-Spotlight Layout-6-7.png');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: auto 30rem;
    }
}