.blog :where(.page-content ul) :where(li)::before {
    display: none;
}
.tx-indexedsearch-browsebox li::before {
    display: none;
}

.news .blog .page-navigation ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    gap: 16px;
    float: none;
}

.news .blog .f3-widget-paginator,
.tx-indexedsearch-browsebox {
    margin-top: 1.7em;
}

.news .blog .f3-widget-paginator li,
.tx-indexedsearch-browsebox li {
    margin: unset;
    padding: unset;
}

.news .blog .f3-widget-paginator li .btn,
.tx-indexedsearch-browsebox li .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: unset;
    padding: 0;
    width: 56px;
    height: 56px;
    box-shadow: 0 0 0 2px var(--black-hex);
}

.page-navigation .tx-indexedsearch-browsebox {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    gap: 16px;
    float: none;
}

.news .blog .f3-widget-paginator li .btn:hover,
.tx-indexedsearch-browsebox li .btn:hover {
    background-color: var(--black-hex);
    color: var(--white-hex);
}

.news .blog .f3-widget-paginator li.previous .btn::before,
.news .blog .f3-widget-paginator li.next .btn::before,
.tx-indexedsearch-browsebox li.previous .btn::before,
.tx-indexedsearch-browsebox li.next .btn::before {
    content: "";
    display: inline-block;
    vertical-align: text-top;
    background-color: var(--icon-color, var(--black-hex));
    width: var(--icon-size, 1em);
    height: var(--icon-size, 1em);
    -webkit-mask: var(--icon) no-repeat center / contain;
    mask: var(--icon) no-repeat center / contain;
    --icon: var(--icon-arrow-left);
    --icon-color: var(--black-hex);
    --icon-size: 24px;
    transition: .2s ease;
}

.news .blog .f3-widget-paginator li .btn,
.tx-indexedsearch-browsebox li .btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.news .blog .f3-widget-paginator li .btn:hover::before,
.tx-indexedsearch-browsebox li .btn:hover::before {
    background-color: var(--white-hex);
}

.news .blog .f3-widget-paginator li.next .btn::before,
.tx-indexedsearch-browsebox li.next .btn::before {
    transform: rotate(180deg);
}

.news .blog .f3-widget-paginator li.current .btn,
.tx-indexedsearch-browsebox li.current .btn {
    background-color: var(--black-hex);
    color: var(--white-hex);
    cursor: default;
}

.news .blog .f3-widget-paginator li[aria-hidden="true"] .btn,
.tx-indexedsearch-browsebox li[aria-hidden="true"] .btn {
    cursor: default;
}

.news .blog .f3-widget-paginator li[aria-hidden="true"] .btn:hover,
.tx-indexedsearch-browsebox li[aria-hidden="true"] .btn:hover {
    background-color: transparent;
    color: inherit;
}

.news-single .download .container-medium {
    padding: 0;
}

.news-single .download .download-list .download-item-title::before {
    display: none;
}

.news-single .projects .container-medium,
.news-single .download .container-medium {
    margin: calc(30px + 3%) auto;
}

.btn-inverted {
    background-color: var(--black-hex);
    color: var(--white-hex) !important;
    border-color: var(--black-hex) !important;
}

.btn-inverted:hover {
    background-color: var(--white-hex) !important;
    color: var(--black-hex) !important;
}

.search-results .sub-header {
    background-color: var(--green-hex) !important;
}

.search-results .sub-header::after {
    background: linear-gradient(90deg,
            var(--red-hex) 0%, var(--red-hex) 15.9%,
            var(--blue-hex) 15.9%, var(--blue-hex) 29.4%,
            var(--green-hex) 29.4%, var(--green-hex) 40.9%,
            var(--red-hex) 40.9%, var(--red-hex) 50.6%,
            var(--blue-hex) 50.6%, var(--blue-hex) 58.9%,
            var(--green-hex) 58.9%, var(--green-hex) 65.9%,
            var(--red-hex) 65.9%, var(--red-hex) 71.9%,
            var(--blue-hex) 71.9%, var(--blue-hex) 77%,
            var(--green-hex) 77%, var(--green-hex) 81.3%,
            var(--red-hex) 81.3%, var(--red-hex) 85%,
            var(--blue-hex) 85%, var(--blue-hex) 88.1%,
            var(--green-hex) 88.1%, var(--green-hex) 90.8%,
            var(--red-hex) 90.8%, var(--red-hex) 93.1%,
            var(--blue-hex) 93.1%, var(--blue-hex) 95%,
            var(--green-hex) 95%, var(--green-hex) 96.6%,
            var(--red-hex) 96.6%, var(--red-hex) 98%,
            var(--blue-hex) 98%, var(--blue-hex) 99.2%,
            var(--green-hex) 99.2%, var(--green-hex) 100%) !important;
}

.tx-indexedsearch-browsebox li .btn {
    border: unset;
}

.tx-indexedsearch-info,
.tx-indexedsearch-searchbox legend {
    display: none;
}

.tx-indexedsearch-searchbox {
    margin-bottom: 40px;
}

.tx-indexedsearch-browsebox {
    margin-top: 0;
    margin-bottom: 40px;
}

.tx-indexedsearch-res {
    margin-bottom: 40px;
}

.tx-indexedsearch-res .tx-indexedsearch-percent {
    margin-left: 20px;
}

.tx-indexedsearch-info-sword-word {
    font-weight: 700;
    color: var(--green-hex);
    font-style: italic;
}

.tx-indexedsearch-searchbox-sword {
    display: block;
    width: 100%;
    height: var(--button-size);
    background-color: var(--white-hex);
    border-radius: 0;
    border: 2px solid var(--text-color);
    font-family: "Sofia Sans", sans-serif;
    padding: 0.5em 1em;
    font-size: var(--font-size-copy);
    margin-top: 1rem;
    line-height: 2;
}

.tx-indexedsearch-searchbox-sword:focus-visible {
    outline: 2px solid var(--blue-hex);
    outline-offset: -2px;
    border-radius: 0;
}

/* Form */

form input.form-control,
form textarea.form-control {
    display: block;
    width: 100%;
    height: var(--button-size);
    background-color: var(--white-hex);
    border-radius: 0;
    border: 2px solid var(--text-color);
    font-family: "Sofia Sans", sans-serif;
    padding: 0.5em 1em;
    font-size: var(--font-size-copy);
    margin: .3em 0 1em;
    line-height: 2;
    transition: unset;
}

form input.form-control:focus-visible,
form textarea.form-control:focus-visible {
    outline: 2px solid var(--blue-hex);
    outline-offset: -2px;
    border-radius: 0;
}

.paper .btn {
    color: var(--black-hex);
    border-color: var(--black-hex);
    margin-top: .5em;
}

.paper .btn:hover {
    color: var(--color);
    background-color: var(--black-hex);
}

.download h1,
.download h2 {
    position: relative;
    z-index: 1;
}

/* from matthias: images were not centered in image element of björn when image was smaller than the .image box */
.header-image .image-box {
    display: flex;
    justify-content: center;
}