/* 
Theme-Anpassungen fuer Ajax Suche Plugin by NETZdinge.de (c) 2022
*/

#search:not(.total), #search:not(.total) .search-wrapper, #search:not(.total) input[name="qs"] + .input-group-append, .search__wrapper {position: relative;}
.search-spinner {position: absolute; right: 55px; top: 11px; z-index: 3;}
#search .search__wrapper .search-spinner {top: 0;right: 25px;}
#search .search-spinner .fa {margin:25% 0;display: block;}
 {position: relative;}

.ajax-suche-wrapper {
    position: absolute;
    width: 100%;
    z-index: 9999;
    right: 0;
	font-size: 1em;
	text-align: left;
    top: 45px;
}
.ajax-suche-wrapper.left {left: 0; right:auto;}
.ajax-suche-wrapper {top:105px;}
.ajax-suche-wrapper.container-fluid .backdrop {padding:1em; background-color:rgba(0,0,0,.85); width: 100%;height: 100vh;}
.ajax-suche-wrapper > .card {max-height: 75vh;overflow: scroll;}
.ajax-suche-wrapper .backdrop > .card {height: calc(90vh - 25px);overflow: scroll;}
.ajax-suche-wrapper a {color: #000;}

.ajax-suche-wrapper .card {border-width: 10px;box-shadow: 0 10px 25px -15px #000;padding: 0;}
.ajax-suche-wrapper .close.position-absolute {top:.5em; right:.5em;}
.ajax-suche-wrapper .card-title {padding: 0 40px 0 3px; font-weight: bold;}
.ajax-suche-wrapper .card-body > .row > .col {margin-bottom:1em; padding-bottom:1em}
/*.ajax-suche-wrapper .result-item {border-top:1px solid #ddd;}
.ajax-suche-wrapper .result-item:first-child {border-top:none;}*/
.ajax-suche-wrapper div.cHerstellerBild, .ajax-suche-wrapper div.cKategorieBild {width: 90px;}
.ajax-suche-wrapper div.cHerstellerBild img, .ajax-suche-wrapper div.cKategorieBild img {max-width: 100%; height: auto; max-height: 40px;}
.ajax-suche-wrapper:not(.container-fluid) div.title > div a {white-space: normal;}
.ajax-suche-wrapper div.bild img {max-width: 100%; height:auto;}
.ajax-suche-wrapper div.artnr > div {width: 80px;}
.ajax-suche-wrapper .price > div {width:100%;}
.ajax-suche-wrapper .price span.baseprice {color:#333;}
.ajax-suche-wrapper .price small {display:none;}
.ajax-suche-wrapper .staffelpreise {font-size: 65%;}
.ajax-suche-wrapper .staffelpreise .table-sm th, .ajax-suche-wrapper .staffelpreise .table-sm td {
    padding: 0.5rem .5rem;
    white-space: nowrap;
}

.ajax-suche-wrapper .staffelpreise table > tbody tr.set {background-color:#dbeac0!important;}
.ajax-suche-wrapper .staffelpreise table > tbody tr:not(.set):hover {background-color:#f8e1b0;}

div.tooltip-inner {
    width: auto;
	max-width: 300px;
	background-color: #fff;
	border: 1px solid #333;
	color: #333;
}
div.tooltip-inner .name {white-space: normal;}
div.tooltip-inner .ArtikelPopup img {max-width: 100%;height: auto;}

.tooltip.in {opacity: 1;filter:alpha(opacity=100);}
.tooltip.show {opacity: 1;filter:alpha(opacity=100);z-index:10000;}
@media (max-width: 767px) {
	.search-wrapper {position: relative;}
    .ajax-suche-wrapper {top: 50px;}
	#shop-nav, #search {position:unset!important;} /* wichtig, damit die ergebnisse im Template die volle breite bekommen!*/
	#mobile-search .ajax-suche-wrapper {top: 50px;}
	.myclean .is-mobile .ajax-suche-wrapper {top: 50px;}
	.myclean .is-mobile .ajax-suche-wrapper > .card {margin: 0 -1.5rem;}
}
@media (min-width: 768px) {
	.ajax-suche-wrapper:not(.container-fluid) {width:500px;}
	.ajax-suche-wrapper .result-item > div {padding:.25rem 1rem;}
	.ajax-suche-wrapper .bigfont {font-size: 1.1rem;}
	.ajax-suche-wrapper .bigfont .price {font-size: 1.0rem;}
}
@media (min-width: 992px) {
	.ajax-suche-wrapper:not(.container-fluid) {width:550px;top:45px;}
	.ajax-suche-wrapper.container-fluid {top:70px;}
	.ajax-suche-wrapper .btn {width:100%;}
}
@media (min-width: 1200px) {
	.ajax-suche-wrapper:not(.container-fluid) {width:650px;}
	.ajax-suche-wrapper .result-item:hover {background-color:#F5F7FA;}
}
@media (max-width: 1199px) {
	.ajax-suche-wrapper .main.border-left {border:none!important;}
}
@media (max-width: 1929px) {
	.ajax-suche-wrapper .result-item .staffelpreise,
	.ajax-suche-wrapper .result-item .warenkorb .purchase-info {display:none!important;}
}
@media (min-width: 1930px) {
	.ajax-suche-wrapper .result-item .purchase-info .purchase-info {display:none!important;}
}

/* wegen salepix avia template */
body.nd-ajxs-salepix .ajax-suche-wrapper .close::before, body.nd-ajxs-salepix .ajax-suche-wrapper .close::after {background: none;} 
body.nd-ajxs-salepix .modal {z-index:10000;}
body.nd-ajxs-salepix .sticky .scrollmark {/*position: relative !important;*/}
@media (max-width: 767px) {
	body.nd-ajxs-salepix .sticky nav#shop-nav-xs {position:relative;}
}

/* fuer das snackys template */
body.nd-ajxs-snackys #ajax-suche-wrapper img {border-radius: .5rem;}
body.nd-ajxs-snackys #ajax-suche-wrapper td {border: 0;background: white;float: none;padding: .35rem}
body.nd-ajxs-snackys #ajax-suche-wrapper td > div {display: block;text-align: left;}
body.nd-ajxs-snackys #ajax-suche-wrapper tr {border-color: @lightborder;}
body.nd-ajxs-snackys #ajax-suche-wrapper .submit a {color: @brand;}
body.nd-ajxs-snackys #ajax-suche-wrapper table {margin: 1em 0;}
body.nd-ajxs-snackys #ajax-suche-wrapper .card {border: 0;padding: 0;}
body.nd-ajxs-snackys #ajax-suche-wrapper .card > div {background: white;}
body.nd-ajxs-snackys #ajax-suche-wrapper {left: 0;right: auto;}
body.nd-ajxs-snackys #ajax-suche-wrapper .close {width: 1.7rem;height: 1.7rem;opacity: 1;border-radius: 50%;position: absolute;right: 2rem;}
body.nd-ajxs-snackys #ajax-suche-wrapper .fa-arrow-right:before {content: '\279C';}
body.nd-ajxs-snackys #ajax-suche-wrapper .fa-folder:before {content: '\2630';}
body.nd-ajxs-snackys #ajax-suche-wrapper .fa-arrow-right,
body.nd-ajxs-snackys #ajax-suche-wrapper .fa-folder {font-family: sans-serif;}
body.nd-ajxs-snackys #ajax-suche-wrapper .fa-folder {position: relative;top: -1px;}
body.nd-ajxs-snackys #search .fa-spin {width: 1em;height: 1em;border: 2px solid #333;border-radius: 50%;border-top-color: transparent;margin: 0 !important;}
body.nd-ajxs-snackys #search .fa-spin:before,
body.nd-ajxs-snackys #ajax-suche-wrapper .close .fa {display: none;}
body.nd-ajxs-snackys #search form .search-spinner {right: 2.6rem;top: 1em;}
body.nd-ajxs-snackys #ajax-suche-wrapper td.title {width: auto;}
@media screen and (max-width: 767px) {
	body.nd-ajxs-snackys #ajax-suche-wrapper .artnr {width: 100px;}
	body.show-search.nd-ajxs-snackys #search {overflow: visible;}
	body.nd-ajxs-snackys #ajax-suche-wrapper {top: 45px;}
	body.nd-ajxs-snackys #search form .search-spinner {top: 0.55rem;}
}