.grid li {
    display: inline-block;
    vertical-align: top;
}

.tagFilter-box-wrapper {
    cursor: pointer;
}

.custom-radio-filter li.ais-RefinementList-item {
    height: 30px;
}

li.custom-filter-li {
    cursor: pointer;
}

.grid li {
    margin-right: -5px;
}

div#infinite-hits .btn-large {
    padding: 14px 36px!important;
}

.product-info .form-floating select {
    min-height: 51px!important;
}

.banner-title {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

.blog-card .blog-card-title {
    min-height: 60px;
}

.title-font {
    line-height: 1.2;
}


.algolia-autocomplete {
    display: block!important;
}

/* SEARCH CSS */

img {
  height: auto;
}

button:focus:not(:focus-visible) {
  border: none;
  outline: 0;
  box-shadow: none;
}

.navbar-toggler {
  border: none;
}

.custom-toggler-icon {
  display: block;
  width: 30px;
  height: 2px;
  background-color: #000;
  position: relative;
  z-index: 2;
}

.custom-toggler-icon::before,
.custom-toggler-icon::after {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #000;
}

.custom-toggler-icon::before {
  top: -8px;
}

.custom-toggler-icon::after {
  bottom: -8px;
}

.cart-container:hover .minicart {
  display: block;
}

.minicart {
  z-index: 1000;
  left: auto;
  right: 0;
  width: 90vw;
  max-width: 393px;
  padding: 25px 20px 35px;
}

.minicart li {
  list-style: none;
}

.carousel-indicators li::marker {
  color: transparent;
}

form#search-bar pre {
background-color: transparent !important;
}

.algolia-autocomplete {
display: block !important;
width: 100%;
}

#algolia-autocomplete-listbox-0,
span#algolia-autocomplete-listbox-2,
#algolia-autocomplete-test {
width: 100%;
  max-width: 800px;
  /* box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%); */
  padding-right: 1.3rem;
  padding-left: 1.875rem;
  padding-top: 1.875rem;
  padding-bottom: 1.175rem;
  /* background-color: #fff !important; */
  z-index: 110 !important;
  left: 0;
  right: 0;
}

/* input#s:focus {
  border: none;
  box-shadow: none;
  } */
.aa-dataset-1,
.aa-dataset-3 {
position: absolute;
  width: 100%;
  /* width: 5000px; */
  max-width: 100vw;
  transform: translate(-50%, 0%) !important;
  left: 50% !important;
  top: 24px;
  height: calc(100vh - 190px);
  overflow: hidden;
  background-color: #fff;
  padding: 10px 1rem 0;
  -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
  box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
  min-width: 350px;
  max-height: 520px;
  overflow-y: scroll;
}

.aa-dataset-1, .aa-dataset-3 {
/* Styling der Scrollbar für Webkit-basierte Browser (Chrome, Safari, Edge) */
scrollbar-width: thin; /* Firefox */
scrollbar-color: #ccc transparent; /* Firefox */
}

/* Webkit-basierte Browser (Chrome, Safari) */
.aa-dataset-1::-webkit-scrollbar, .aa-dataset-3::-webkit-scrollbar {
width: 6px; /* Breite der Scrollbar */
height: 6px; /* Höhe der horizontalen Scrollbar */
}

.aa-dataset-1::-webkit-scrollbar-track, .aa-dataset-3::-webkit-scrollbar-track {
background: transparent; /* Hintergrund der Scrollbar-Leiste */
}

.aa-dataset-1::-webkit-scrollbar-thumb, .aa-dataset-3::-webkit-scrollbar-thumb {
background-color: #ccc; /* Farbe der Scrollbar */
border-radius: 10px; /* Runde Ecken der Scrollbar */
}

.aa-dataset-1::-webkit-scrollbar-thumb:hover, .aa-dataset-3::-webkit-scrollbar-thumb:hover {
background-color: #999; /* Farbe beim Hover */
}

.product-recommendations {
width: 49%;
margin-bottom: 0px;
box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%);
display: flex;
place-items: center;
float: left;
cursor: pointer;
background: #FFFFFF;
margin-bottom: .875rem !important;
margin-right: 1%;
}

.product-recommendations img {
height: 100px !important;
width: auto !important;
padding-right: 5px;
padding-left: 5px;
padding-top: 4px;
padding-bottom: 4px;
float: left;
}

.product_recommendations {
cursor: pointer;
}

.algolia-product-title {
line-height: 20px;
padding-right: 10px;
color: #373f50;
font-weight: 600;
}

.star-rating {
display: inline-block;
white-space: nowrap;
line-height: 1;
vertical-align: middle;
}

.star-rating .star-rating-icon {
display: inline-block;
margin-right: .1875rem;
color: #aeb4be;
font-size: 0.75rem;
vertical-align: middle;
}

.star-rating .star-rating-icon.active {
color: #333;
}

@font-face {
font-family: "cartzilla-icons";
src: url("../fonts/cartzilla-icons.ttf?ufvuz0") format("truetype"), url("../fonts/cartzilla-icons.woff?ufvuz0") format("woff"), url("../fonts/cartzilla-icons.svg?ufvuz0#cartzilla-icons") format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}

[class^='ci-'], [class*=' ci-'] {
display: inline-block;
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "cartzilla-icons" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
}

.ci-star:before {
content: "";
}

.ci-star-filled:before {
  content: "";
}

.ci-bell:before {
  content: "";
}

div#starRating .star-rating .star-rating-icon.active {
  color: #333!important;
}

.rating {
font-size: 20px !important;
margin-right: 0rem !important;
}

div#starRating.is-invalid .star-rating .star-rating-icon {
color: #f34770;
}

div#starRating .star-rating .star-rating-icon.active {
color: #333!important;
}

.shop-thumb {
  aspect-ratio: 16 / 9;
  display: flex;
  justify-content: center;
}

.shop-thumb img {
  height: 100%;
  width: auto;
}

.password-toggle {
position: relative;
}

.password-toggle-btn .password-toggle-indicator::before {
  content: '\e937';
}

.password-toggle-btn {
position: absolute;
top: 50%;
right: .625rem;
margin-bottom: 0;
padding: 0.5rem;
-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
font-size: 1.0625rem;
line-height: 1;
cursor: pointer;
}

.password-toggle-btn .password-toggle-indicator {
-webkit-transition: color .2s ease-in-out;
transition: color .2s ease-in-out;
color: #7d879c;
font-family: 'cartzilla-icons';
font-style: normal;
position: absolute;
  left: 0;
  top: -4px;
}

.password-toggle-btn .password-toggle-indicator:hover {
color: #4b566b;
}

.password-toggle-btn .password-toggle-check {
position: absolute;
left: 0;
z-index: -1;
width: 1rem;
height: 1.25rem;
opacity: 0;
}

.password-toggle-btn .password-toggle-check:checked ~ .password-toggle-indicator::before {
content: '\e9d6';
}

.was-validated .password-toggle .form-control:invalid,
.was-validated .password-toggle .form-control.is-invalid,
.was-validated .password-toggle .form-control:valid,
.was-validated .password-toggle .form-control.is-valid {
padding-right: 4rem;
}

.was-validated .password-toggle .form-control:invalid + .password-toggle-btn,
.was-validated .password-toggle .form-control.is-invalid + .password-toggle-btn,
.was-validated .password-toggle .form-control:valid + .password-toggle-btn,
.was-validated .password-toggle .form-control.is-valid + .password-toggle-btn {
right: 2.1rem;
}

.form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"]{
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.btn-close {
-webkit-box-sizing: content-box;
    box-sizing: content-box;
width: 0.75rem;
height: 0.75rem;
padding: 0.25rem 0.25rem;
color: #000;
background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75rem auto no-repeat;
border: 0;
border-radius: 0.3125rem;
/* opacity: 0.5; */
}

.btn-close:hover {
color: #000;
text-decoration: none;
opacity: 0.75;
}

.btn-close:focus {
outline: 0;
-webkit-box-shadow: none;
    box-shadow: none;
opacity: 0.75;
}

.btn-close:disabled, .btn-close.disabled {
pointer-events: none;
-webkit-user-select: none;
   -moz-user-select: none;
  -ms-user-select: none;
    user-select: none;
opacity: 0.25;
}

.btn-close-white {
-webkit-filter: invert(1) grayscale(100%) brightness(200%);
    filter: invert(1) grayscale(100%) brightness(200%);
}

.toast {
width: 350px;
max-width: 100%;
font-size: 0.875rem;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 0 solid transparent;
-webkit-box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(0, 0, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(0, 0, 0, 0.05);
    box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(0, 0, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(0, 0, 0, 0.05);
border-radius: 0.3125rem;
}

.toast.showing {
opacity: 0;
}
.toast:not(.show) {
display: none;
}

.toast-container {
--bs-toast-zindex: 1090;
position: absolute;
z-index: 1090;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
max-width: 100%;
pointer-events: none;
}

.toast-container > :not(:last-child) {
margin-bottom: 0.9375rem;
}

.toast-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
  -ms-flex-align: center;
    align-items: center;
padding: 0.5rem 0.75rem;
color: #7d879c;
background-color: rgba(255, 255, 255, 0.85);
background-clip: padding-box;
border-bottom: 0 solid rgba(0, 0, 0, 0.05);
border-top-left-radius: 0.3125rem;
border-top-right-radius: 0.3125rem;
}

.toast-body {
padding: 0.75rem;
word-wrap: break-word;
}

.progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #f3f5f9;
  border-radius: 0.3125rem;
  -webkit-box-shadow: inset 0 1px 2px transparent;
  box-shadow: inset 0 1px 2px transparent;
}

.progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #0c324c;
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

@-webkit-keyframes spinner-border {
to {
  -webkit-transform: rotate(360deg) /* rtl:ignore */;
      transform: rotate(360deg) /* rtl:ignore */;
}
}

@keyframes spinner-border {
to {
  -webkit-transform: rotate(360deg) /* rtl:ignore */;
      transform: rotate(360deg) /* rtl:ignore */;
}
}

.spinner-border {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: -0.125em;
border: 0.15em solid currentColor;
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: 0.75s linear infinite spinner-border;
    animation: 0.75s linear infinite spinner-border;
margin-right: 0.25rem !important;
}

.spinner-border-sm {
width: 1rem;
height: 1rem;
border-width: 0.1em;
}

.form-check-label {
font-size: 1rem;
}

.form-check-justified {
-ms-flex-preferred-size: 0;
  flex-basis: 0;
-webkit-box-flex: 1;
  -ms-flex-positive: 1;
    flex-grow: 1;
}

.form-check-justified:not(:last-child) {
margin-right: 0.5rem;
}

.form-check-justified .form-option-label {
width: 100%;
}

.form-switch .form-check-input {
height: 1.25rem;
margin-top: 0;
}

.form-switch .form-check-input:checked {
  background-color: #333;
}

.form-switch .form-check-input:disabled {
-webkit-box-shadow: none;
    box-shadow: none;
}

.form-switch .form-check-label {
margin-top: .1875rem;
}

.table-order-products th:first-child, .table-order-products td:first-child, table#shipping_table th:first-child, table#shipping_table td:first-child {
  padding-left: 0;
  padding-right: 0;
}

.table-order-products th:last-child, .table-order-products td:last-child, table#shipping_table th:last-child, table#shipping_table td:last-child {
  padding-right: 0;
}

.form-check:not(.form-switch) {
  display: flex;
  align-items: center;
}

.form-check:not(.form-switch) .form-check-input  {
  margin-right: 0.5rem !important;
}

div#infinite-hits .show-more:disabled {
  display: none;
}

.ais-RefinementList-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
#sort-by {
  display: flex;
  align-items: center;
}
#sort-by select {
  margin-bottom: 0;
}

.ais-HierarchicalMenu-list {
  padding-left: 0;
  list-style: none;
}
.ais-HierarchicalMenu-item--selected > div > .ais-HierarchicalMenu-link{
  font-weight: 700;
}
.ais-HierarchicalMenu-item .ais-HierarchicalMenu-item {
  color: var(--ltn__secondary-color);
}
.ais-HierarchicalMenu-link {
  display: flex;
  justify-content: space-between;
}
.ais-HierarchicalMenu-list--child {
  font-size: 14px;
}

.ais-RefinementList-item {
  background: var(--white-13);
  margin: 5px;
  padding: 5px 11px;
  color: var(--ltn__body-color);
}
.ais-RefinementList-item.ais-RefinementList-item--selected {
  background: var(--ltn__secondary-color);
  color: var(--white);
}
.tagFilter-box-wrapper > input {
  display: none;
}
.ais-RefinementList-item::before {
  display: none;
}
.ais-RefinementList-showMore.ais-RefinementList-showMore--disabled {
  display: none;
}
#tagFilter .ais-RefinementList-item {
  cursor: pointer;
}

/* SEARCH RESPONSIVE */

@media (max-width: 1279px) {

	.aa-dataset-1,
	.aa-dataset-3 {
		top: 35px;
	}
}

@media (max-width: 1023px) {

	.aa-dataset-1,
	.aa-dataset-3 {
		top: 25px;
	}
}

@media (min-width: 992px) {

	.aa-dataset-1,
	.aa-dataset-3 {
		max-width: 40vw;
	}
}

@media (max-width: 991px) {

	#algolia-autocomplete-listbox-0,
	span#algolia-autocomplete-listbox-3,
	span#algolia-autocomplete-listbox-4 {
		width: 100%;
		max-width: 100%;
	}

	.product-recommendations img {
		height: 58px !important;
	}
}

@media (max-width: 700px) {
	.product-recommendations {
		width: 100% !important;
		margin-right: 0;
	}
}
/*
@media (min-width: 576px) {
	.col-sm {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%
	}

	.row-cols-sm-1>* {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	.row-cols-sm-2>* {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.row-cols-sm-3>* {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}

	.row-cols-sm-4>* {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	.row-cols-sm-5>* {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%
	}

	.row-cols-sm-6>* {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%
	}

	.col-sm-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%
	}

	.col-sm-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%
	}

	.col-sm-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%
	}

	.col-sm-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	.col-sm-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}

	.col-sm-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%
	}

	.col-sm-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.col-sm-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%
	}

	.col-sm-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%
	}

	.col-sm-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}

	.col-sm-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%
	}

	.col-sm-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%
	}

	.col-sm-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
} */

.object-id {
    color: #e30514;
}

.search-item-img {
  max-width: 200px;
}

.search-item-content {
  text-align: left;
}

.search-item-link {
  color: black!important;
}

footer a:hover, .footer-navbar li a:hover {
  color: white;
}

div#ausschnittdurchmesser .ais-Panel {
  max-width: 90%;
  margin: 0 auto;
}

.ais-Panel-body .ais-RangeSlider {
  margin: 2rem 0 10px !important;
}

.ais-RangeSlider .rheostat {
  overflow: visible;
  margin-top: 40px;
  margin-bottom: 10px !important;
}

.ais-RangeSlider .rheostat-background {
  border-color: #878faf;
  box-sizing: border-box;
  position: relative;
  background-color: #fff;
  border: 1px solid #aaa!important;
  height: 6px;
  top: 0;
}

.ais-RangeSlider .rheostat-handle {
  z-index: 1;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #333;
  border-radius: 50%;
  cursor: -webkit-grab;
  cursor: grab;
  border-color: #878faf;
  margin-left: -12px;
  top: -7px;
}

.rheostat-tooltip {
  margin-left: 50%;
  position: absolute;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: .8rem;
  top: -22px;
  width: 50px;
}

.ais-RangeSlider .rheostat-progress {
  position: absolute;
  top: 1px;
  height: 4px;
  background-color: var(--base-color)!important;
}

@media (min-width: 1310px) and (max-width: 1520px) {
    span.slider-heading {
        font-size: 4rem;
        line-height: 4.668rem;
    }
}

@media (min-width: 1200px) and (max-width: 1309px) {
    span.slider-heading {
        font-size: 3.438rem;
        line-height: 3.5rem;
    }
}

@media (max-width: 1200px) {
    div#FooterNewsletter button {
        color: transparent!important;
    }

    div#FooterNewsletter button i {
        color: white;
    }
}

@media (max-width: 991px) {
.video-wrapper {
    margin-top: 85px;
}
}


@media (max-width: 767px) {
    /* div#wattSelectWrapper {
        margin-bottom: 30px;
    } */
    div#colorSelectWrapper {
        margin-bottom: 50px;
    }
}
@media (min-width: 375px) and (max-width:424) {
  .blog-title-resp {
    font-size: 25px;
  }
}
@media (min-width: 320px) and (max-width: 374px) {
  .blog-title-resp {
    font-size: 25px;
  }
}