.kesearch_searchbox {
    .kesearchbox-wrapper {
        padding: 0;
        border-bottom: 1px solid var(--petrol-light) !important;
        .kesearchbox {
            #ke_search_sword {
                /*background: none;*/
                border: none;
                /*color: #fff;*/
                position: relative;
                font-family: var(--main-font);

                &:hover {
                    border: none;
                }
            }
        }
        .submitbutt {
            background: none;
            border: none;
            display: block;
        }
    }
}

.tx-kesearch-pi1 {
    .messsage, #kesearch_num_results {
        color: var(--body-color);
        font-family: var(--main-font);
    }
    input[type="search"] {
        border: none;
        outline: none;
        &:focus, &:hover {
            box-shadow: none!important;
        }
    }
}

/* Chrome, Edge, Safari */
input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}

/* Optional für IE */
input::-ms-clear {
    display: none;
}

#kesearch_results {
    .result-list-item {
        border-bottom: 1px solid rgba(160, 160, 160, 0.30);
        padding-bottom: 2em!important;
        &:last-child {
            border-bottom: none;
        }
        .result-title {
            display: block;
            a {
                font-size: var(--font-size-md);
                font-family: var(--main-font);
            }
        }
        .result-title, .result-teaser {
            .hit {
                font-family: var(--bold-font)!important;
                color: var(--primary-color)!important;
                font-weight: unset;
            }
        }
        .result-list-item .result-teaser {
            color: var(--darkgrey) !important;
        }
    }
}
#kesearch_pagebrowser_bottom {
    a {
        padding: 10px!important;
    }
    .pages_total {
        border-top: 1px solid rgba(160, 160, 160, 0.30) !important;
        background: transparent;
        font-family: var(--main-font);
        .result_txt {
            color: var(--darkgrey);
        }
    }
}

.content-main .frame  ul.pagination {
    display: block;
    .page-item {
        margin-left: 0px;
        padding-left: 0px;

        &:nth-child(2) {
            .page-link::before {
                content: none;
                color: transparent;
            }
        }
        .page-link {
            background-color: transparent;
            border: none;
            color: #393D3D;
            padding: 10px;
            width: 40px;
            height: 40px;
            position: relative;
            &::before {
                position: absolute;
                content: '/';
                height: 100%;
                color: var(--body-color);
                top: 10px;
                left: -2px;
                bottom: 0;
            }
            &.next, &.prev {
                color: transparent;
                &::before {
                    content: '';
                    color: transparent;
                }
            }
            &.next {
                background-image: url("../Icons/single-arrow.svg");
                background-repeat: no-repeat;
                background-position: center;
            }
            &.prev {
                background-image: url("../Icons/single-arrow.svg");
                transform: rotate(180deg);
                background-repeat: no-repeat;
                background-position: center;
            }
        }
    }
    li::before {
        background-image: none;
    }
}

.menu_searchbox {
    .kesearchbox-wrapper {
        float: right;
        width: fit-content;
        border-bottom: none!important;
        input#ke_search_sword {
            width: 0;
            padding: 0;
            transition: all 0.5s ease-in;
            color: var(--body-color) !important;
            float: right;
            height: 46px;
            outline: none;
        }
        &:focus-within, &:hover, &:focus {
            border-bottom: 1px solid var(--petrol-light) !important;
            .kesearchbox, input#ke_search_sword {
                width: 100%;
            }
            input#ke_search_sword {
                padding: 8px 40px 7px 0;
            }
        }
        .submitbutt {
            width: 20px;
            height: 43px;
            padding: 0;
        }
    }
}