.header-search {
position:relative;
float: right;
min-width: 30px;
}
.header-search a.search-icon {
cursor: pointer;
padding-left: 8px;
line-height: 30px;
display: inline-block;
}
.header-search a.search-icon svg {
width: 30px;
height: 30px;
fill: #C8BFA1;
vertical-align: middle;
transition: fill .5s;
}
.header-search a.search-icon:hover svg {
fill: #fff;
}
.header-mobile-info .header-search a.search-icon svg,
.header-mobile-info .header-search a.search-icon:hover svg {
fill: #354534;
}
.header-search .block-search {
visibility: none;
opacity: 0;
height:0;
position: absolute;
top: calc(100% + 17px);
right: -4px;
width: 400px;
background-color: #fff;
padding: 10px 0 10px 0;
z-index: 2;
box-shadow:0 0 3px -1px rgb(0 0 0 / 30%);
transition: all .5s
}
.header-search .block-search.active {
visibility: visible;
opacity: 1;
height:auto;
}
.block-search div.asl_w {
box-shadow:none
}
.block-search a.js-proclose {
z-index:998;
display:block;
position:absolute;
top:11px;
right:10px;
width:30px;
text-align:center;
height:30px;
line-height:28px;
border-radius: 50%;
background-color:#999;
color:#fff;
transition: background-color .5s;
cursor:pointer
}
.block-search  a.js-proclose:hover {
background-color:#23527c;
}
.block-search  a.js-proclose svg {
width: 18px;
height: 18px;
fill: #fff;
vertical-align: middle;
}
.block-search  div.asl_w .probox .promagnifier { padding-right: 10px;
margin-left: 10px;
width: auto;
}
.block-search  div.asl_w .probox .promagnifier .innericon svg {
display:none!important
}
.block-search  div.asl_m .probox .promagnifier .innericon:before {
content: 'Alle Ergebnisse anzeigen';
display: flex;
justify-content: center;
text-align: center;
align-items: center;
background: #354534;
color: #c8bfa1;
border-radius: 3px;
padding: 6px;
line-height: 1;
font-size: 12px;
white-space: normal;
box-sizing: border-box;
width: 100px;
height: 28px;
cursor: pointer
}
.block-search  div.asl_m .probox .promagnifier:hover .innericon:before {
color:#fff;
}
.block-search #ajaxsearchlite1 .probox {
background-color:#d2d2d2!important
}
.block-search #ajaxsearchlite1 .probox .proinput, .block-search  div.asl_w .probox .proinput {
background-color: #fff!important;
margin: 0;
padding: 0 0 0 10px;
}
.block-search #ajaxsearchlite1 .probox .proinput input, .block-search div.asl_w .probox .proinput input {
font-size: 16px!important;
color: #303031 !important;
}
.block-search div.asl_w .probox .proinput input::placeholder {
color:#303031
}
.block-search div.asl_m .probox .proloading {
background-color: #fff;
z-index: 999;
margin-right: 0px!important;
width: 24px!important;
height: 24px!important;
padding: 4px 4px 0 0;
}
.block-search div.asl_w .probox div.asl_simple-circle {
border: 2px solid #303031;
}
.block-search #ajaxsearchlite1 .probox, .block-search div.asl_w .probox {
background-color: #fff!important;
background-image:none!important;
border-bottom: 1px solid transparent!important;
}
div.asl_m .probox .proloading, div.asl_m .probox .proclose {
margin-right:5px
}
div.asl_r.vertical {
border: 1px solid transparent!important; }
div.asl_r.vertical .results .asl_spacer {
background: none repeat scroll 0 0 #ccc!important;
}
div.asl_r.vertical .results .asl_spacer:last-of-type {
background-color: transparent!important
}
div.asl_r .results .item .asl_content h3, div.asl_r .results .item .asl_content h3 a {
color: #354534!important;
font-size: 16px!important;
}
.results .asl_nores .asl_keyword {
padding: 0 6px;
cursor: pointer;
font-weight: normal!important; }
div.asl_r.asl_w.vertical .results .item::after {
background-color: #eee!important;
}
@media (max-width:1199px) {
.header-search .block-search {
top: calc(100% + 12px);
}
}
@media (max-width:991px) { }
@media (max-width:767px) {
.header-search .block-search {
width: 288px!important;
}
}
@media (max-width:575px) {
.header-search .block-search {
right: -98px;
width: 282px!important;
} }