.tx-indexedsearch-icon img {
    max-width: none;
}

.tx-indexedsearch-info {
    font-size: 80%;
    color: #aaa;
}

ul.browsebox {
    list-style: none;
    margin: 0 0 1em 0;
    overflow: hidden;
}

.browsebox li { float: left;}

.browsebox li a {
    display: block;
    padding: 2px 5px;
    border: 1px solid #ccc;
    margin: 0 1em 0 0;
    text-decoration: none;
}

.browsebox li a:focus,
.browsebox li a:hover,
.browsebox li a:active {
    background:#f8f8f8;
}

.tx-indexedsearch-search-table { width:auto;}
.tx-indexedsearch-search-table td {padding:.5em 1em .5em 0;}

.tx-indexedsearch-redMarkup { color: #f00; }


/* ------------------------neu für Typo3 8.7 */

#c87{
margin-right: -20px;
}
.headsearch{
margin-top: -4px;
}
 .headsearch #tx_indexedsearch div{
padding: 0!important;
}



/* Suchfeld und Button in headsearch*/
/* Grundeinstellungen */
.headsearch .input-group-btn label,
.content .input-group-btn label{
padding-left: 8px;
}
 .headsearch .input-group .form-control{
float: left;
}
.headsearch .input-group-btn{
width: 78px;
float: right;
height: 33px !important;
}
.headsearch .input-group-btn label{
position: absolute;
top:4px;
left:0;
}


/* responsive */
@media (max-width: 767px){
#c87 .input-group .form-control{
width: 200px !important;
}
#c87 .input-group-btn{
width: 60px !important;
font-size: 0.8em;
}	
#c87 .input-group{
margin-top: -15px !important;
float:right;
width: 270px;
}
#c87 .input-group-btn label{
position: absolute;
top:7px;
left:0px;
padding-left: 5px !important;
}
}

@media (min-width: 768px) and (max-width: 899px){
.headsearch .input-group .form-control{
width: 57%;
}
 .headsearch .input-group-btn{
width: 60px;
font-size: 0.8em;
padding-left: 2px;
}	
.headsearch .input-group-btn label,
.content .input-group-btn label{
padding-left: 2px;
}
#c87 .input-group-btn label{
padding-top: 4px !important;
}
}

@media (min-width: 900px) and (max-width: 999px){
.headsearch .input-group .form-control{
width: 50%;
}
}

@media (min-width: 1000px) and (max-width: 1139px){
.headsearch .input-group .form-control{
width: 60%;
}
}

@media (min-width: 1140px){
.headsearch .input-group .form-control{
width: 70%;
}
}
/* responsive Ende */


.headsearch .input-group-btn{
border: 1px solid #ccc;
background-color: white;
}
.headsearch .input-group-btn label{
margin-bottom: 0;
}
.headsearch .input-group-btn label:hover{
color: #c90909;
}

#tx-indexedsearch-searchbox-button-submit{
color: transparent !important;
background-color: transparent !important;  
border-color: transparent !important;
height: 33px !important;  
}


/* Ausgabe in Suchergebnissen */

@media (max-width: 599px){
.content #tx_indexedsearch .form-control{
max-width: 100% !important;
}
.content .input-group-btn{
width: 80px !important;
}
}
@media (min-width: 600px){
.content #tx_indexedsearch .form-control{
max-width: 70% !important;
}
.content .input-group-btn{
width: 80px !important;
}
}
@media (min-width: 998px){
.content #tx_indexedsearch .form-control{
max-width: 50% !important;
}
.content .input-group-btn{
width: 80px !important;
}
}
#tx_indexedsearch{
margin-bottom: 10px;
}
#tx_indexedsearch .input-group-btn{
float: left;
}
.content #tx_indexedsearch .input-group-btn{
margin-right: 20px;
}
.tx-indexedsearch-browsebox{
margin-top: 10px;
font-size: 0.8em;
}

/* paging hier ausgeschaltet */
ul.tx-indexedsearch-browsebox{
visibility: hidden;
height: 0;
width: 0;
}

.tx-indexedsearch-redMarkup{
color: #c90909;
}

.searchword{
display: block;
clear: both;
padding: 15px 0 0 0 !important;
}

#tx-indexedsearch-searchbox-button-submit{
/*margin-left: -70px;
margin-top: -12px;*/
}