.tx-kesearch-szag .kesearch_pagebrowser ul {
    padding: 0;
    text-align: center;
}

.tx-kesearch-szag .kesearch_pagebrowser li {
    display: inline-block;
    margin: 0 0.5rem;
}

.tx-kesearch-szag .kesearch_pagebrowser li.paginationPrev {
    float: left;
    margin-left: 0;
    padding-top: 3px;
}

.tx-kesearch-szag .kesearch_pagebrowser li.paginationNext {
    float: right;
    margin-right: 0;
    padding-top: 3px;
}

.tx-kesearch-szag .kesearch_pagebrowser li > a.current {
    color: #333333;
    font-weight: bold;
}
.tx-kesearch-szag .kesearch_pagebrowser li:before {
    content: none !important;
}

.tx-kesearch-szag input[type="checkbox"]+label span.icon:before {
    visibility: hidden;
}

.tx-kesearch-szag input[type="checkbox"]:checked+label span.icon:before {
    visibility: visible;
}

.tx-kesearch-szag .checkboxList input[type="checkbox"] {
    display: none;
}

/* Note: for now we get a rendered list of the pagination inside the Partials/PageBrowser.html template
  because of that, we cant use our icon-utility handling like we used to know (add the needed classes like .icon .icon-lg .icon-identifier)
  to prevent an overall rewriting of the pagination rendering for now, we simply use the css definitions of the icon-utilities for pagination-arrows in the next few lines
  this may needs to be changed in the far far future
*/

.tx-kesearch-szag .paginationPrev > a,
.tx-kesearch-szag .paginationNext > a {
    justify-content: center !important;
    align-items: center;
    width: 16px;
    height: 16px;
    display: inline-block;
    overflow: hidden;
    text-indent: -9999rem;
}

.tx-kesearch-szag .paginationPrev > a:before,
.tx-kesearch-szag .paginationNext > a:before {
    content: " ";
    display: inline-block;
    height: 100%;
    width: 100%;
    float: left; /* is important to keep the before element in position because we set the text-indent for the parent and otherwise it would be disappear */
    text-indent: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.tx-kesearch-szag .paginationPrev > a:before {
    background-image: url('../../../../sitepackage/Resources/Public/Icons/Sprites/icons.svg#pagination-arrow-prev-secondary')
}

.tx-kesearch-szag .paginationPrev > a:hover:before {
    background-image: url('../../../../sitepackage/Resources/Public/Icons/Sprites/icons.svg#pagination-arrow-prev-primary')
}

.tx-kesearch-szag .paginationNext > a:before {
    background-image: url('../../../../sitepackage/Resources/Public/Icons/Sprites/icons.svg#pagination-arrow-next-secondary')
}

.tx-kesearch-szag .paginationNext > a:hover:before {
    background-image: url('../../../../sitepackage/Resources/Public/Icons/Sprites/icons.svg#pagination-arrow-next-primary')
}