/* Main background color */
html {
    background-color: hsl(120, 14%, 97%);
}

.button:active,
.button:focus,
.button:hover {
    --color: var(--root-color--white);
}

@media (min-width: 62rem) {
    .spotlight.section--color-grey.spotlight--layout-6 .button:active,
    .spotlight.section--color-grey.spotlight--layout-6 .button:focus,
    .spotlight.section--color-grey.spotlight--layout-6 .button:hover,
    .spotlight.section--color-grey.spotlight--layout-7 .button:active,
    .spotlight.section--color-grey.spotlight--layout-7 .button:focus,
    .spotlight.section--color-grey.spotlight--layout-7 .button:hover,
    .spotlight.section--color-support.spotlight--layout-6 .button:active,
    .spotlight.section--color-support.spotlight--layout-6 .button:focus,
    .spotlight.section--color-support.spotlight--layout-6 .button:hover,
    .spotlight.section--color-support.spotlight--layout-7 .button:active,
    .spotlight.section--color-support.spotlight--layout-7 .button:focus,
    .spotlight.section--color-support.spotlight--layout-7 .button:hover{
        --color: var(--root-color--white);
    }
}

.button.button-orange:active,
.button.button-orange:focus,
.button.button-orange:hover,
.button.button-yellow:active,
.button.button-yellow:focus,
.button.button-yellow:hover,
.button.button-secondary:active,
.button.button-secondary:focus,
.button.button-secondary:hover,
.button.button-support:active,
.button.button-support:focus,
.button.button-support:hover,
.card--color-primary .button:active,
.card--color-primary .button:focus,
.card--color-primary .button:hover,
.card--color-secondary .button:active,
.card--color-secondary .button:focus,
.card--color-secondary .button:hover,
.ce-follow-up.section--color-primary .follow-up__one-liner .follow-up__button.button:active,
.ce-follow-up.section--color-primary .follow-up__one-liner .follow-up__button.button:focus,
.ce-follow-up.section--color-primary .follow-up__one-liner .follow-up__button.button:hover,
.ce-follow-up.section--color-secondary .follow-up__one-liner .follow-up__button.button:active,
.ce-follow-up.section--color-secondary .follow-up__one-liner .follow-up__button.button:focus,
.ce-follow-up.section--color-secondary .follow-up__one-liner .follow-up__button.button:hover {
    --color: var(--root-color-text);
}

.opening-times .button.button-primary {
    --background-color: var(--root-color--white);
    --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);
    --color: var(--root-color-text);
}

.opening-times .button.button-primary:active,
.opening-times .button.button-primary:focus,
.opening-times .button.button-primary:hover {
    --background-color: var(--root-color-text);
    --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);
}

.opening-times .button.button-primary:active,
.opening-times .button.button-primary:focus,
.opening-times .button.button-primary:hover {
    --color: var(--root-color--white);
}

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

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

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

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

/* Scorion login */
.scorion-login__container {
    border-radius: 0.25rem;
}

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

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

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

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

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

/* Notifications */
.notification {
    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;
}

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

.section:not(.section--color) .card--image-none .card__link {
    border-radius: 0;
}

.section:not(.section--color) .card:not(.card--color).card--image-none {
    --color-background: transparent;
}

[data-document-site-root="1"] .highlightmenu.section--color-primary {
    background: linear-gradient(90deg, hsl(156, 41%, 39%) 0%, hsl(127, 36%, 60%) 51%, hsl(156, 41%, 39%) 100%);
}

/* Crapped line above elements */
.page-footer,
.ce-accordion.section--color,
.highlightmenu.section--color {
    mask:
        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 1444 14' preserveAspectRatio='none'%3E%3Cpath d='M1444 2.553V14H0V.383C55.809 9.568 112.455-.872 168.858 3.272c14.843.826 30.625-.124 44.713 2.19 3.117.668 7.759-1.298 10.267.718 2.604.537 6.41-1.139 8.434.718 2.56.32 43.423 3.714 44.574 5.02 1.658.218 3.88-.638 5.134.718 34.138.602 68.408-1.443 102.48 0 11.698.805 22.265 3.54 32.716-2.278 4.855-5.106 16.405-.689 23.05-2.023.704-.087.381-.762 1.048-.777 188.285.029 376.1 7.342 564.686 2.663 3.79 2.996 8.9 1.051 13.26 1.661.68.087.48.674.78.74 1.65.384 1.76-.037 3.7.696 2.79 1.052 11.13-1.204 14.55-1.422 6.65-.428 13.2.61 19.79.748 54.79.638 109.39-2.235 164.11-2.177 20.13-3.213 44.27.232 65.27-.718 11.83-1.255 24.26-.486 36.3-.718-.2-1.088.57-.689 1.27-.718 6.7-.255 86.13-3.649 89.15-4.295 8.22-2.952 20.71-.079 29.86-1.465'/%3E%3C/svg%3E%0A"),
        linear-gradient(black 0);
    mask-position:
        top center,
        0 14px;
    mask-repeat: no-repeat;
    mask-size:
        100% 1rem,
        auto;
}

.page-footer,
.section--color + .ce-accordion.section--color,
.section--color + .highlightmenu.section--color {
    margin-top: -1rem;
}

/* Footer Buttons */
.footer-button .button:active,
.footer-button .button:focus,
.footer-button .button:hover {
    --color: var(--root-color--white);
}