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

#search, #search input[name="qs"] + .input-group-append, .search__wrapper {position: relative;}
#search .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;}
#search .search-wrapper {position: relative;}

.ajax-suche-wrapper {
    position: absolute;
    width: 100%;
    z-index: 9999;
    right: 0;
	font-size: 13px;
	text-align: left;
    top: 45px;
}
.ajax-suche-wrapper a {color: #000;}

.ajax-suche-wrapper .card {border-width: 10px;box-shadow: 0 10px 25px -15px #000;}
.ajax-suche-wrapper .card.well {padding: 0;}
.ajax-suche-wrapper .suggestHeading {padding: 0 40px 0 3px; font-weight: bold;}
.ajax-suche-wrapper table {table-layout: fixed;}
.ajax-suche-wrapper table tr {border-top:1px solid #ddd;}
.ajax-suche-wrapper table tr:first-child {border-top:none}
.ajax-suche-wrapper td {padding:2px 3px; vertical-align: middle;}
.ajax-suche-wrapper td.cHerstellerBild {width: 90px;}
.ajax-suche-wrapper td.cHerstellerBild img {max-width: 100%; height: auto; max-height: 40px;}
.ajax-suche-wrapper td.artnr > div,
.ajax-suche-wrapper td.title > div {width: 100%;}
header #header-branding .header-shop-nav #search .ajax-suche-wrapper td.title > div a {white-space: normal;}
.ajax-suche-wrapper td.bild {width: 46px;}
.ajax-suche-wrapper td.bild img {max-width: 100%; height:auto;}
.ajax-suche-wrapper td.artnr > div {width: 80px;}
.ajax-suche-wrapper .price {font-size: 14px; width:110px;float: right;}
.ajax-suche-wrapper .price span.baseprice {font-size: 9px;color:#333;}
.ajax-suche-wrapper .price.d-sm-block span.baseprice {display:block;}
.ajax-suche-wrapper .price small {display:none;}
.ajax-suche-wrapper .warenkorb {width: 55px;}
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: .95;filter:alpha(opacity=95);}
@media (max-width: 767px) {
	#shop-nav, #search {position:unset;} /* wichtig, damit die ergebnisse im Template die volle breite bekommen!*/
	.ajax-suche-wrapper {top: 105px;}
	#mobile-search .ajax-suche-wrapper {top: 50px;}
}
@media (min-width: 768px) {
	.ajax-suche-wrapper {
		width:500px;
		font-size: 14px;
	}

	.ajax-suche-wrapper td.artnr {width: 100px;}
	.ajax-suche-wrapper td.title {width: 450px;}
	.ajax-suche-wrapper td.bild + td.title {width: 400px;}
	.ajax-suche-wrapper td.artnr + td.title {width: 350px;}
	.ajax-suche-wrapper td.bild + td.artnr + td.title {width: 300px;}
	.ajax-suche-wrapper td.bild {width: 52px;}
	.ajax-suche-wrapper td.artnr > div,
	.ajax-suche-wrapper td.title > div {
		text-overflow:ellipsis;
		white-space: nowrap;
		overflow: hidden;
		display: inline-block;
	}
	header #header-branding .header-shop-nav #search .ajax-suche-wrapper td.title > div a {white-space: nowrap;}
	.ajax-suche-wrapper td.artnr > div {width: 94;}
	.ajax-suche-wrapper .price {font-size: 14px;}
}
@media (min-width: 992px) {
	.ajax-suche-wrapper {width:550px;}
}
@media (min-width: 1200px) {
	.ajax-suche-wrapper {width:650px;}
}

/* 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 .panel {background: white;}
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: 1rem 0;}
body.nd-ajxs-snackys #ajax-suche-wrapper .card {border: 0;padding: 0;}
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: 1rem;height: 1rem;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: 1rem;}
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;}
}