/* Background color for ALL pages */
body {
    background-color: hsl(180, 14%, 99%);
}

/* Page footer */
.page-footer {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1455 1039' xmlns='http://www.w3.org/2000/svg' xml:space='preserve'%3E%3Cpath d='m367.174 701.949 72.913 280.974-214.546 55.677-72.913-280.977 214.546-55.674ZM1069.3 189.223l.07-.018c123.49 51.105 192.28-108.569 305.04-98.81l80.41 309.862c-112.76-9.758-181.55 149.916-305.06 98.743-136.85-56.636-206.464 145.582-343.23 89.283-.069.018-.241-.081-.241-.081l-.069.017-79.971-308.176.069-.018c4.472 1.72 8.84 3.322 13.173 4.789 128.267 38.778 197.357-150.49 329.809-95.591ZM806.068 588.056l72.914 280.977-214.547 55.68-72.913-280.982 214.546-55.675ZM214.547 113.609l72.913 280.979-214.547 55.674L0 169.283l214.547-55.674ZM652.351 0l72.914 280.979-213.458 55.391-72.913-280.979L652.351 0Z' style='fill-opacity:.2'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: auto 150%;
    background-position: center 0;
}

@media (min-width: 48rem) {
    .page-footer {
        background-size: 90%;
        background-position: center 40%;
    }
}

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

/* Top tasks */
.top-tasks-header {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1455 1039' xmlns='http://www.w3.org/2000/svg' xml:space='preserve'%3E%3Cpath d='m367.174 701.949 72.913 280.974-214.546 55.677-72.913-280.977 214.546-55.674ZM1069.3 189.223l.07-.018c123.49 51.105 192.28-108.569 305.04-98.81l80.41 309.862c-112.76-9.758-181.55 149.916-305.06 98.743-136.85-56.636-206.464 145.582-343.23 89.283-.069.018-.241-.081-.241-.081l-.069.017-79.971-308.176.069-.018c4.472 1.72 8.84 3.322 13.173 4.789 128.267 38.778 197.357-150.49 329.809-95.591ZM806.068 588.056l72.914 280.977-214.547 55.68-72.913-280.982 214.546-55.675ZM214.547 113.609l72.913 280.979-214.547 55.674L0 169.283l214.547-55.674ZM652.351 0l72.914 280.979-213.458 55.391-72.913-280.979L652.351 0Z' style='fill:white;fill-opacity:.1'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: auto 150%;
    background-position: center 0;
}

@media (min-width: 48rem) {
    .top-tasks-header {
        background-size: 120%;
        background-position: center 40%;
    }
}

.top-tasks-tile {
    border-radius: 0.25rem;
}

.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__body {
    order: 2;
}

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

@media (min-width: 30rem) {
    .top-tasks-tile--dynamic .top-tasks-tile__visual {
        clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);
    }

    .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;
    }
}

/* CE Banner */
.ce-header:not(.section--color) .banner__content {
    --color-background: var(--root-color--contrast);
}

/* CE Search banner */
.ce-search-banner:not(.section--color) .banner__content {
    --color-background: var(--root-color--contrast);
}
.ce-search-banner.section--color .ce-search-banner__header {
    --color: var(--root-color--primary);
}

/* Cards */
.card--button,
.card__link {
    border-radius: 0.25rem;
    overflow: hidden;
}

/* Opening hours Spotlights */
.opening-hours-spotlight__image {
    border-radius: 0.5rem;
}

/* Spotlights */
.spotlight.spotlight--layout-6 .spotlight__content,
.spotlight.spotlight--layout-7 .spotlight__content {
    border-radius: 0.5rem;
}

.spotlight.spotlight--layout-1 .spotlight__image,
.spotlight.spotlight--layout-2 .spotlight__image,
.spotlight.spotlight--layout-6 .spotlight__image,
.spotlight.spotlight--layout-7 .spotlight__image {
    border-radius: 0.5rem;
}

/* Follow-ups */
.follow-up {
    border-radius: 0.25rem;
}

/* Notifications */
.notification {
    border-radius: 0.25rem;
}

/* Step-by-step plan */
.ce-step-by-step-plan__container {
    border-radius: 0.25rem;
}

/* Enalyzer */
.enalyzer-login__container {
    border-radius: 0.25rem;
}

/* Cookie consent */
.cookieconsent__form__container {
    border-radius: 0.25rem;
}