
@media (min-width: 62rem) {
    /* Page background color */
    [data-document-type]:not([data-document-type="50"]):not([data-document-type="51"]) {
        background-color: var(--root-color-background--grey);
    }

    [data-document-type]:not([data-document-type="50"]):not([data-document-type="51"]):not([data-document-type="56"]):not([data-document-type="64"]):not([data-document-type="66"]):not([data-document-type="1"].layout-1) .main-column {
        background-color: var(--root-color--white);
        margin-top: 3.5rem;
        margin-bottom: 6rem;
        position: relative;
    }

    /* Using a pseudo element here, because adding the outline to .main-column itself will fail in FF */
    [data-document-type]:not([data-document-type="50"]):not([data-document-type="51"]):not([data-document-type="56"]):not([data-document-type="64"]):not([data-document-type="66"]):not([data-document-type="1"].layout-1) .main-column::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        outline: 3rem solid var(--root-color--white);
        pointer-events: none;
    }
}

/* Opening times Top Tasks */
.opening-times .button-primary {
    --background-color: var(--root-color--white);
    --border-top-color: var(--root-color--contrast);
    --border-right-color: var(--root-color--contrast);
    --border-bottom-color: var(--root-color--contrast);
    --border-left-color: var(--root-color--contrast);
    --color: var(--root-color--primary);
}

.opening-times .button-primary:active,
.opening-times .button-primary:focus,
.opening-times .button-primary:hover {
    --border-top-color: var(--root-color--contrast);
    --border-right-color: var(--root-color--contrast);
    --border-bottom-color: var(--root-color--contrast);
    --border-left-color: var(--root-color--contrast);
    --background-color: var(--root-color--contrast-lightest);
}

/* Highlighted list in product pages */
[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 {
    padding: 0 0 0 1.2em;
}

/* Border bottom on cards */
.section:not(.section--color) .card:not(.card--color):not(.card--image-none) .card__link {
    border-bottom-color: var(--root-color--secondary);
    border-bottom-width: var(--width-border-top);
    border-bottom-style: solid;
}

/* CE Highlightmenu */
.highlightmenu .card {
    position: relative;
}

.highlightmenu .card__visual {
    z-index: 1;
}

.highlightmenu .card::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 726 200' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M78.193 148.584c8.259-7.183 59.11-5.76 96.165-.079 4.862 1.395 9.745 2.866 14.701 4.542-19.345-.753-54.011-2.282-83.911-2.865-7.451-.894-30.882.474-26.955-1.598zm147.186 18.799c-.865-.595 5.389.84 4.581.252 15.825 3.998 30.899 8.407 47.612 13.203-18.277-4.981-34.863-9.375-52.193-13.455zm-69.777-24.545l-4.288-2.429c5.121.259 13.607 2.223 19.82 3.277 6.727.357 13.446.584 20.388 1.254-18.555-.04 24.838 6.402-35.92-2.102zm285.389 40.008c33.669 5.746 56.047 12.447 81.378 17.101-4.46.634-40.579-4.485-65.831-10.8 3.246-.908-13.618-5.046-15.547-6.301zm-298.867-51.744c-8.701-1.085-62.466 6.322-81.494 7.854-1.006-1.752-3.109-4.048-5.947-4.869 2.482-1.806 18.534-7.048 20.737-8.569 4.858-5.042-20.145-6.344-32.67-3.431 8.309-12.721 34.823-14.444 54.378-21.174-59.615 4.556-3.52-10.42-59.431 1.111-1.609-.661 1.699-3.554 7.285-6.313-15.371 4.864-27.543 12.249-35.015 21.055-2.337 1.727-4.894 3.425-7.826 8.633-1.273 2.639-2.283 6.857-2.124 7.714 7.281-24.676 19.95-28.239 15.121-29.493-1.287-1.03-9.762-1.005 12.378-13.394-1.342-9.456 17.935-35.863 110.407-41.413 14.635 1.481 50.769 5.262 49.552 3.824-22.406-5.39-73.631-10.591-41.87-11.132-26.984-2.998-62.813-2.419-89.819 1.409-26.99 3.717-44.442 9.781-33.255 3.598 9.63-5.742 55.835-14.267 85.286-14.667 29.395-.93 45.986-1.456 2.791-5.212 105.834 6.509 38.275-4.091 113.196 4.811-20.93-4.025-26.749-7.017 10.66-1.282 23.648 5.778 53.141 11.891 78.512 18.862 87.914 27.932 87.056 17.425 164.194 36.988l16.579 6.164c54.331 5.222 97.306 20.395 163.234 16.12-8.771 1.319-9.036 5.514-42.311 3.648-2.34-.992 8.628-1.252-2.065-2.859-30.508-2.351-40.848-2.584-35.874-.083 6.303 2.058 24.218 4.102 35.09 5.698 18.571.905 39.567 1.097 57.254-2.818 35.79-6.315 14.136 2.03 3.75 6.038-5.104 1.153-10.412 2.04-15.999 2.818-39.226.725.635-2.89-36.465-5.461-51.604 1.385 62.36 10.054 8.876 13.035 2.973 1.312 15.396 9.964-52.387 3.353-42.177-1.108-38.985 4.574-17.469 12.627-17.186-1.439-57.645-10.439-58.274-8.781-7.309-.599 16.562 4.386 14.985 4.552 21.368 3.478 45.437 7.555 65.288 9.837l13.834 3.644c-5.785-.231-9.968-1.034-15.728-1.409 82.743 8.219.704 5.541 12.912 9.268-20.964.259-63.666-9.553-57.231-5.548l8.529 1.958c-99.981-16.766-9.413 5.475-73.989-4.247a531.035 531.035 0 0112.778 2.747l-13.687-2.797c-8.641 1.77-29.598.76-41.811.613 52.666 18.066-35.219 4.318.153 17.507-6.888 4.333-81.332-6.106-163.66-28.686 26.958 8.085 118.37 29.969 135.072 37.067-1.01 3.626-144.951-36.259-136.53-28.985 23.713 5.083 37.605 8.482 63.719 17.097 8.11 2.439 9.06 3.081 10.989 4.371-51.121-9.789-86.298-27.08-107.392-26.197l24.426 7.919c-12.002-2.422-31.283-6.802-50.299-10.317-43.822-7.104-15.703-6.575-61.343-12.803zm519.805 8.961c6.981-2.296 8.262-3.633-21.528-3.252 22.66-.605 55.247-7.161 71.538-10.125 4.284-.883 9.102-1.867 14.061-2.83-19.526 5.321-29.974 13.071-64.071 16.207zm29.013 14.512c-2.481 1.248-.297 3.313-25.844 6.041l-13.095-1.983c13.242-.392 26.225-1.751 38.939-4.058zm-278.175-91.5c64.281 16.448 44.215 5.955 113.632 22.129.338 3.497-45.864-2.44-78.314-7.361-23.097-5.24-46.242-10.706-69.417-16.624-10.938-5.778 26.211 2.769 34.099 1.856zM277.239 34.43c-10.172-.686-30.899-2.697-71.522-11.002-20.777-5.81-41.084-9.498-66.481-13.074 71.797 1.352-164.858-19.649 59.419-5.339 128.617 26.805 3.156 9.442 78.584 29.415zm14.34-13.194C275.52 18.75 233.256 9.2 234.853 9.149c13.596 1.929 28.682 3.941 44.598 7.837 4.76 1.252 13.86 4.131 12.128 4.25z'/%3E%3C/svg%3E");
    background-position-y: bottom;
    background-repeat: no-repeat;
    background-size: 214.286%;
    content: "";
    opacity: 0.1;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.highlightmenu .card:nth-of-type(odd)::after {
    background-position-x: 0;
}

.highlightmenu .card:nth-of-type(even)::after {
    background-position-x: 97%;
}

/* Shadow on follow-ups */
.follow-up {
    border-bottom-color: #919191;
    -webkit-box-shadow: 6px 6px 0 0 hsla(0,0%,57%,.25);
    box-shadow: 6px 6px 0 0 hsla(0,0%,57%,.25);
}

/* CE Spotlight */
.spotlight.section--color-secondary,
.spotlight.section--color-support,
.spotlight.section--color-grey {
    --color-background: var(--root-color--white);
    border-top-width: 0.188rem;
    border-top-style: solid;
}
.spotlight.section--color-secondary {
    border-top-color: var(--root-color--secondary);
}

.spotlight.section--color-support {
    border-top-color: var(--root-color--primary);
}

.spotlight.section--color-grey {
    border-top-color: hsl(0, 0%, 67%);
}

/* Facets filter */
@media (min-width: 62rem) {
    .facets-filter .collapsible__button,
    .facets-filter .collapsible__panel {
        --color-background: transparent;
    }
}

/* Footer */
.page-footer__columns .footer__element--icons .footer__link .link:active .icon,
.page-footer__columns .footer__element--icons .footer__link .link:focus .icon,
.page-footer__columns .footer__element--icons .footer__link .link:hover .icon {
    --color-icon: var(--root-color--primary);
}

.page-footer {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 726 200' xmlns='http://www.w3.org/2000/svg' fill='hsla(0, 0%, 100%, 0.1)'%3E%3Cpath d='M78.193 148.584c8.259-7.183 59.11-5.76 96.165-.079 4.862 1.395 9.745 2.866 14.701 4.542-19.345-.753-54.011-2.282-83.911-2.865-7.451-.894-30.882.474-26.955-1.598zm147.186 18.799c-.865-.595 5.389.84 4.581.252 15.825 3.998 30.899 8.407 47.612 13.203-18.277-4.981-34.863-9.375-52.193-13.455zm-69.777-24.545l-4.288-2.429c5.121.259 13.607 2.223 19.82 3.277 6.727.357 13.446.584 20.388 1.254-18.555-.04 24.838 6.402-35.92-2.102zm285.389 40.008c33.669 5.746 56.047 12.447 81.378 17.101-4.46.634-40.579-4.485-65.831-10.8 3.246-.908-13.618-5.046-15.547-6.301zm-298.867-51.744c-8.701-1.085-62.466 6.322-81.494 7.854-1.006-1.752-3.109-4.048-5.947-4.869 2.482-1.806 18.534-7.048 20.737-8.569 4.858-5.042-20.145-6.344-32.67-3.431 8.309-12.721 34.823-14.444 54.378-21.174-59.615 4.556-3.52-10.42-59.431 1.111-1.609-.661 1.699-3.554 7.285-6.313-15.371 4.864-27.543 12.249-35.015 21.055-2.337 1.727-4.894 3.425-7.826 8.633-1.273 2.639-2.283 6.857-2.124 7.714 7.281-24.676 19.95-28.239 15.121-29.493-1.287-1.03-9.762-1.005 12.378-13.394-1.342-9.456 17.935-35.863 110.407-41.413 14.635 1.481 50.769 5.262 49.552 3.824-22.406-5.39-73.631-10.591-41.87-11.132-26.984-2.998-62.813-2.419-89.819 1.409-26.99 3.717-44.442 9.781-33.255 3.598 9.63-5.742 55.835-14.267 85.286-14.667 29.395-.93 45.986-1.456 2.791-5.212 105.834 6.509 38.275-4.091 113.196 4.811-20.93-4.025-26.749-7.017 10.66-1.282 23.648 5.778 53.141 11.891 78.512 18.862 87.914 27.932 87.056 17.425 164.194 36.988l16.579 6.164c54.331 5.222 97.306 20.395 163.234 16.12-8.771 1.319-9.036 5.514-42.311 3.648-2.34-.992 8.628-1.252-2.065-2.859-30.508-2.351-40.848-2.584-35.874-.083 6.303 2.058 24.218 4.102 35.09 5.698 18.571.905 39.567 1.097 57.254-2.818 35.79-6.315 14.136 2.03 3.75 6.038-5.104 1.153-10.412 2.04-15.999 2.818-39.226.725.635-2.89-36.465-5.461-51.604 1.385 62.36 10.054 8.876 13.035 2.973 1.312 15.396 9.964-52.387 3.353-42.177-1.108-38.985 4.574-17.469 12.627-17.186-1.439-57.645-10.439-58.274-8.781-7.309-.599 16.562 4.386 14.985 4.552 21.368 3.478 45.437 7.555 65.288 9.837l13.834 3.644c-5.785-.231-9.968-1.034-15.728-1.409 82.743 8.219.704 5.541 12.912 9.268-20.964.259-63.666-9.553-57.231-5.548l8.529 1.958c-99.981-16.766-9.413 5.475-73.989-4.247a531.035 531.035 0 0112.778 2.747l-13.687-2.797c-8.641 1.77-29.598.76-41.811.613 52.666 18.066-35.219 4.318.153 17.507-6.888 4.333-81.332-6.106-163.66-28.686 26.958 8.085 118.37 29.969 135.072 37.067-1.01 3.626-144.951-36.259-136.53-28.985 23.713 5.083 37.605 8.482 63.719 17.097 8.11 2.439 9.06 3.081 10.989 4.371-51.121-9.789-86.298-27.08-107.392-26.197l24.426 7.919c-12.002-2.422-31.283-6.802-50.299-10.317-43.822-7.104-15.703-6.575-61.343-12.803zm519.805 8.961c6.981-2.296 8.262-3.633-21.528-3.252 22.66-.605 55.247-7.161 71.538-10.125 4.284-.883 9.102-1.867 14.061-2.83-19.526 5.321-29.974 13.071-64.071 16.207zm29.013 14.512c-2.481 1.248-.297 3.313-25.844 6.041l-13.095-1.983c13.242-.392 26.225-1.751 38.939-4.058zm-278.175-91.5c64.281 16.448 44.215 5.955 113.632 22.129.338 3.497-45.864-2.44-78.314-7.361-23.097-5.24-46.242-10.706-69.417-16.624-10.938-5.778 26.211 2.769 34.099 1.856zM277.239 34.43c-10.172-.686-30.899-2.697-71.522-11.002-20.777-5.81-41.084-9.498-66.481-13.074 71.797 1.352-164.858-19.649 59.419-5.339 128.617 26.805 3.156 9.442 78.584 29.415zm14.34-13.194C275.52 18.75 233.256 9.2 234.853 9.149c13.596 1.929 28.682 3.941 44.598 7.837 4.76 1.252 13.86 4.131 12.128 4.25z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 93.75rem;
    background-position-x:30vw;
    background-position-y: -4rem;
}

@media (min-width: 62rem) {
    .page-footer {
        background-position-x: 50vw;
    }
}

/* Timeblockr CSS */
/* Font base setup */
[for="select-product"],
div[data-bind^="html"],
div[data-bind^="text"],
.timeblockr_accordion_select .timeblockr-plugin > div {
    color: var(--root-color-text);
    font-family: var(--root-font-family--primary);
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.6;
    margin: 0.8em 0 0;
}

.timeblockr_route .step-header-link  {
    color: var(--root-color-text);
    font-family:var(--root-font-family--primary);
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.6;
    margin: 0.8em 0 0;
}

.timeblockr_vertical .timeblockr_active>.accordion {
      border-top: 3px solid var(--root-color--primary);
}

.timeblockr_accordion_select .timeblockr-plugin > div {
  margin-block-start: 1rem;
}

.timeblockr_hide-text {
    white-space: nowrap;
    overflow: hidden;
    right: 1000px;
    position: absolute;
}

.timeblockr_delete-product {
  line-height: 1;
}

.timeblockr_button {
    background-color: var(--root-color--primary);
    border-radius: 2px;
    color: var(--root-color--white);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    padding: 0.75em 1em;
    position: relative;
    text-decoration: none;
}

.timeblockr_button:hover,
.timeblockr_button:hover {
  background-color: var(--root-color--primary-dark);
}

#timeblockr_disclaimer {
  display: none;
}
