.hSearch .tx-kesearch-pi1 form,
.hSearch .tx-kesearch-pi1 .clearer,
.hSearch .kesearchbox{
  margin: 0;
}
.hSearch {
  position: relative;
}
.hSearch input {
  background: #fff;
  padding: 5px;
  border: 1px solid;
  border-color: var(--c-red);
  line-height: 25px;
  margin: 0;
  width: 250px;
  border-radius: 0; /* Erzwingt harte Ecken */
  -webkit-appearance: none; /* Verhindert iOS-Rundungen */
}
.hSearch input::placeholder {
  color: var(--c-blue); /* Oder jede andere Farbe */
  font-family: "Jost", sans-serif;
  font-weight: 600;
  font-size: 14px;
}

.hSearch form a{
  position: absolute;
  right: 10px;
  top: 8px;
  color: var(--c-blue);
}

.hSearch .submitbutt,
.hSearch .resetbutt {
  display: none;
}
.hSearch .kesearch_searchbox {
  border: 0;
  margin: 0;
  padding: 0;
}
.hSearch .clearer {
  height: 0;
}

/************** Result *****************/
input#ke_search_
{
  /* max-width: 350px; */
  /* border-radius: 5px; */
}
/************** Result *****************/
#kesearch_results {
  display: flex;
  flex-wrap: wrap;
}
.tx-kesearch-pi1 #kesearch_results .result-list-item-type-cartproduct,
.tx-kesearch-pi1 #kesearch_results .result-list-item-type-page,
.result-list-item.result-list-item-type-news {
  width: 32%;
  flex-grow: 1;
  margin: 1px !important;
  border: 0px solid #f2f2f2;
  padding: 1em !important;
  background: #ededed;
}
.tx-kesearch-pi1 #kesearch_results .result-list-item-type-cartproduct:hover,
.tx-kesearch-pi1 #kesearch_results .result-list-item-type-page:hover,
.result-list-item.result-list-item-type-news:hover {
  background: #f2f2f2;
}
.tx-kesearch-pi1 #kesearch_results .result-list-item .hit {
  color: var(--c-notify) !important;
}
span.result-number {
  color: #666;
}
.pages_total {
  margin: 1em 0;
}
#kesearch_pagebrowser_bottom .pages_total{
  border: unset !important;
  background: transparent !important;
}
.kesearch_pagebrowser ul li a{
  display: inline-block !important;
  margin: 0 5px !important;
  border: 1px solid #ccc;
  padding: 3px 5px !important;
  min-width: 35px;
  background: var(--c-red);
  color: #fff;
}
.kesearch_pagebrowser ul li a.current {
  background: var(--c-blue);
  color: #fff !important;
  padding: 3px 5px !important;
}

div.kesearchbox {
  text-align: center;
  width: 100%;
}
span.resetbutt a,
span.submitbutt input{
  margin: 1em 0;
  background: #ccc;
  height: 40px;
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.tx-kesearch-pi1 .kesearch_searchbox {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media screen and (max-width: 499px){
.tx-kesearch-pi1 #kesearch_results .result-list-item-type-cartproduct, 
.tx-kesearch-pi1 #kesearch_results .result-list-item-type-page, 
.result-list-item.result-list-item-type-news,
.result-list-item.result-list-item-type-news {
  width: 100%;
}
#ke_search_sword {
  width: 100% !important;
}
}


/************** Important Regeln *****************/
a.kesGreyButt, span.resetbutt a, span.submitbutt input, input.kesGreyButt, span.kesGreyButt {
  font-size: 12px !important;
  min-width: 175px !important;
  margin: 1px !important;
  border: 0 !important;
}