
/* Page header */
input[type="search"].page-header__search__input {
    border-radius: var(--root-border-radius);
}

@media (max-width: 61.999rem) {
    .page-header__logo {
        margin-left: 0;
    }
}

/* Page footer */
.page-footer__columns .footer__element--icons .icon {
    fill: var(--root-color--primary);
}

/* Scroll button*/
.scroll-button {
    box-shadow: none;
}

.card,
.card__link {
    border-radius: var(--root-border-radius);
}

.card__image {
    border-radius: var(--root-border-radius) var(--root-border-radius) 0 0;
}

.card__image {
    border-radius: var(--root-border-radius) var(--root-border-radius) 0 0;
}

/* Page card menu */
.page-card-menu__container .card--image-none .card__title {
    --color: var(--root-color-text);
}

/* Highlight menu */
.highlightmenu-list .card,
.highlightmenu-list .card__link {
    border-radius: 0.5rem;
}

.highlightmenu-list .card__image {
    border-radius: 0.5rem 0.5rem 0 0;
}

.highlightmenu-list .card__image {
    border-radius: 0.5rem 0.5rem 0 0;
}

/* Spotlights */
@media (min-width: 62rem) {
    .spotlight--layout-1 .spotlight__image,
    .spotlight--layout-2 .spotlight__image,
    .spotlight--layout-6 .spotlight__content,
    .spotlight--layout-7 .spotlight__content,
    .spotlight--layout-6 .spotlight__image,
    .spotlight--layout-7 .spotlight__image,
    .opening-hours-spotlight .opening-hours-spotlight__image {
        border-radius: .5rem;
    }
}

/* List pages */
[data-document-type="55"] .card--image-none .card__link,
[data-document-type="56"] .card--image-none .card__link,
[data-document-type="66"] .card--image-none .card__link,
[data-document-type="69"] .card--image-none .card__link,
[data-document-type="77"] .card--image-none .card__link,
[data-document-type="80"] .card--image-none .card__link,
[data-document-type="88"] .card--image-none .card__link {
    padding-left: 1.5rem;
    padding-right: 1rem;
}

@media (min-width: 30rem) {
    .facets-selection__header {
        margin-right: 1em;
    }
}

.facets-selection .button {
    --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);
    --border-style: solid;
    --border-top-width: var(--root-border-width);
    --border-right-width: var(--root-border-width);
    --border-bottom-width: var(--root-border-width);
    --border-left-width: var(--root-border-width);
    --border-radius: none;
    --color: var(--root-color-text);
    height: 2.5rem;
}

.section.list .facets-selection .facets-selection__header {
    display: block;
    margin-right: 0;
    margin-bottom: 0.5rem;
    color: var(--root-color--primary)
}

.section.list .facets-selection .button {
    --background-color: transparent;
    --border-top-color: var(--root-color--primary);
    --border-right-color: var(--root-color--primary);
    --border-bottom-color: var(--root-color--primary);
    --border-left-color: var(--root-color--primary);
    --border-style: solid;
    --border-top-width: var(--root-border-width);
    --border-right-width: var(--root-border-width);
    --border-bottom-width: var(--root-border-width);
    --border-left-width: var(--root-border-width);
    --border-radius: .125rem;
    --color: var(--root-color--primary);
}

.section.list .facets-selection .button:hover,
.section.list .facets-selection .button:focus,
.section.list .facets-selection .button:active {
    --background-color: var(--root-color-interaction);
    --border-top-color: var(--root-color--primary-darkest);
    --border-right-color: var(--root-color--primary-darkest);
    --border-bottom-color: var(--root-color--primary-darkest);
    --border-left-color: var(--root-color--primary-darkest);
    --color: var(--root-color--primary-darkest);
}

@media (min-width: 62rem) {
    .facets-filter > .collapsible__header > .collapsible__button {
        --color: var(--root-color--primary);
        --font-weight: var(--root-font-weight--semi-bold);
    }

    .facets-filter > .collapsible__header > .collapsible__button:hover,
    .facets-filter > .collapsible__header > .collapsible__button:focus,
    .facets-filter > .collapsible__header > .collapsible__button:active {
        --color-background: transparent;
    }
}

.section.list .pagination {
    border: none;
    margin-top: 1rem;
}

@media (max-width: 29.9999rem) {
    .section.list .pagination .pagination__current {
        margin: 0 1rem;
    }
}

/* Toptasks */
@media (min-width: 30rem) and (max-width: 61.9999rem) {
    .top-tasks-header {
        background: #fff;
    }

    .top-tasks-header .top-tasks-background {
        height: calc(9 / 16 * 100vw);
        bottom: 0;
    }
}

.top-tasks-background::after {
    content: "";
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' width='1200' height='456'><path fill='%23FFF' fill-rule='nonzero' d='M1200 456H0V345.164C14.474 336.754 462.606 71.76 1200 0v456Z'/></svg>");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: left bottom;
    position: absolute;
    top: 0;
    bottom: -1px;
    left: 0;
    right: 0;
}

@media (min-width: 62rem) {
    .top-tasks-background::after {
        background-size: 100% 28.5rem;
    }
}

.top-tasks-tile {
    border-radius: var(--root-border-radius);
}

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

.top-tasks-tile--dynamic .top-tasks-tile__anchor {
    display: block;
    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='%23000'%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__visual {
    position: relative;
    overflow: hidden;
}

.top-tasks-tile--dynamic .top-tasks-tile__visual::after {
    content: "";
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' width='62' height='200'><path fill='%23A5D1E7' fill-rule='evenodd' d='M0 200V0c33 61 54 135 62 200H0Z'/></svg>");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

@media (max-width: 29.9999rem) {
    .top-tasks-tile--dynamic .top-tasks-tile__visual {
        height: calc(100vw - var(--paddingHorizontal) * 2);
    }

    .top-tasks-tile--dynamic .top-tasks-tile__visual::after {
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='62'><path d='M0,62h200C139,29,65,8,0,0v62Z' fill='%23a5d1e7' fill-rule='evenodd'/></svg>");
        background-position: 0 bottom;
        bottom: -.5px;
    }
}

@media (min-width: 30rem) {
    .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: 62rem) {
    .top-tasks-header__center[data-columns="1"] {
        grid-template-columns: 100%;
    }

    .tabbed-top-tasks__grid {
        grid-column-gap: 4rem;
        padding: 2rem 4rem;
    }
}

.tabbed-top-tasks__tab-toggle-icon {
    width: 1rem;
}

/* Tab list */
.tab-list__panel {
    box-shadow: var(--root-box-shadow);
}

.tab-list__tab[aria-selected="true"] {
    box-shadow: var(--root-box-shadow);
    position: relative;
    z-index: 1;
}

.tab-list__tab[aria-selected="true"]::after {
    content: "";
    display: block;
    height: 1rem;
    background: white;
    width: calc(100% + 2rem);
    position: absolute;
    bottom: -1rem;
    left: -1rem;
}

.tab-list__tab:first-of-type[aria-selected="true"]::after,
.tab-list__tab:last-of-type[aria-selected="true"]::after {
    width: calc(100% + 1rem);
    left: 0;
}

.tab-list__tab:last-of-type[aria-selected="true"]::after {
    right: 0;
    left: auto;
}

/* Accordions */
.accordion__item {
    border-bottom: solid var(--root-color-border) var(--root-border-width);
}

.accordion__item:not(:first-of-type) {
    margin-top: 0;
}

.accordion__item:first-of-type {
    border-top: solid var(--root-color-border) var(--root-border-width);
}

.accordion__item.collapsible--open {
    position: relative;
    z-index: 1;
}

/* Step-by-step-plan */
.ce-step-by-step-plan__container {
    border-radius: var(--root-border-radius);
}

/* Follow-ups */
.follow-up,
.follow-up__alert .notification {
    border-radius: var(--root-border-radius);
}

.follow-up [class$="__visual"] img {
    border-radius: var(--root-border-radius);
}

/* Text media */
.ce-gallery .ce-gallery__image {
    border-radius: .5rem
}

@media (min-width: 30rem) {
    [class*="ce-intext"] .ce-gallery__image,
    .ce-gallery:not([data-ce-columns="1"]):not([data-ce-columns="2"]) .ce-gallery__image {
        border-radius: var(--root-border-radius);
    }
}

/* Portrait */
.portrait__image {
    border-radius: var(--root-border-radius);
}

@media (min-width: 30rem) {
    .portrait--big .portrait__image {
        border-radius: .5rem;
    }
}

/* CE Person */
.person__image {
    border-radius: var(--root-border-radius);
}

@media (min-width: 30rem) {
    .person__image {
        border-radius: .5rem;
    }
}

/* Search */
.form-navigation .btn.site-search-form__button {
    --border-radius: 0;
}
