/*template 1 pop filter*/
.aico_filter_btn{ position: relative;}
.aico_filter_btn .aico-filters{
    position: absolute;
    z-index: 1;
    background-color: #F4F4F4;
    top: 92px;
    border-radius: 10px;
    padding: 30px 24px 40px;
    width: 100%;
    min-width: 300px;
}
.aico_filter_btn .af-widget{
    border:0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0px !important;
}
.aico_filter_btn .af-widgetTitle{
    position: relative !important;
    width: 100%;
    padding-left: 0 !important;
}
.aico_filter_btn .af-widgetTitle:before{
    left:auto !important;
    right:0 !important;
}

.aico_filter_btn .af-widgetTitle:after{
    left:auto !important;
    right:0 !important;
}

.aico_filter_btn .af-productGrid_item{
    padding-left:0;
    max-width: calc( 25% - 15px );
}

.aico_filter_btn .af-productGrid {
    column-gap: 20px;
}
.aico_filter_btn .aico-filters {
    z-index: 99999;
}

.aico_filter_btn .af-col-right {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100%;
}

.aico_filter_btn .aico-specific-clear{
    display: none;
}

.aico_filter_btn #aicoFilterPopup .button svg { margin: 4px 5px 0 0; width: 20px; height: 20px }
.aico_filter_btn #aicoFilterPopup .button svg path { fill: #fff }

.aico_filter_btn .slider-area.af-widgetContent {
    background: transparent;
}

.aico_filter_btn .slider-area.af-widgetContent .noUi-tooltip { background: transparent;}

.aico-template-filter-vertical.aico_filter_btn .aico-product-view a { width: 90%; display: block; background: #39c177; margin: 15px auto; border-radius: 20px; color: #fff; font-size: 14px; line-height: 18px; padding: 9px 10px; font-weight: 500; text-decoration: none }
.aico-template-filter-vertical.aico_filter_btn .aico-product-view { text-align: center; position: absolute; bottom: 0; left: 0; right: 0; transition: all .3s; overflow: hidden; height: 0 }
.aico-template-filter-vertical.aico_filter_btn li:hover .aico-product-view { height: auto; overflow: visible }
.aico-template-filter-vertical.aico_filter_btn .af-productCard.collection { padding-bottom: 60px !important }

/*template end filter*/



/*template 2 css*/
.aico-template-filter-horizontal .af-productCard .aico-product-view { text-align: center; height: 0; transition: all .3s; overflow: hidden }
.aico-template-filter-horizontal .af-productCard .aico-product-view a { width: 90%; display: block; background: #39c177; margin: 15px auto; border-radius: 20px; color: #fff; font-size: 14px; line-height: 18px; padding: 9px 10px; font-weight: 500; text-decoration: none }
.aico-template-filter-horizontal .af-productCard:hover .aico-product-view { height: auto; overflow: visible }

.aico-template-filter-horizontal { flex-direction: column; padding-top: 0px !important;}
.aico-template-filter-horizontal .aico-filter-refine-by{ display:flex; flex-wrap: wrap;}
.aico-template-filter-horizontal .aico-filter-refine-by .af-refine-template {flex-basis: 100%;}
.aico-template-filter-horizontal .aico-price-append, .aico-template-filter-horizontal .aico-vendor-append, .aico-template-filter-horizontal .aico-collection-append, .aico-template-filter-horizontal .aico-metafield-append{display: inline-block;}
.aico-template-filter-horizontal .aico-filters.af-col-left, .aico-template-filter-horizontal .af-col-right {max-width: 100% !important;}
.aico-template-filter-horizontal .af-widgetContent{display: none;}
.aico-template-filter-horizontal .clear-all-filter{padding-right:20px;}
.aico-template-filter-horizontal .aico-price .slider-area.af-widgetContent .noUi-horizontal .noUi-tooltip{ bottom: 0 !important;}
.aico-template-filter-horizontal .aico-range-slider .slider-area.af-widgetContent .noUi-horizontal .noUi-tooltip{ bottom: 0 !important; background: none;}
.aico-template-filter-horizontal .aico-range-slider .noUi-handle-lower .noUi-tooltip{transform:none; left:-6px;}
.aico-template-filter-horizontal .aico-range-slider .noUi-handle-upper .noUi-tooltip{ left:inherit; right:-6px; transform:none;}
.aico-template-filter-horizontal .aico-range-slider .slider-area .noUi-target .noUi-origin .noUi-handle{ right:-13px;}


.aico-template-filter-horizontal .refine-by-item {margin-bottom: 0px;}
.aico-template-filter-horizontal .af-productGrid_item{padding-left:0px;padding-right: 20px;}
.aico-template-filter-horizontal .af-customSorting .af-widgetTitle{padding: 0px;}
.aico-template-filter-horizontal .af-widgetTitle{ margin-bottom: 0px !important;}
.aico-template-filter-horizontal .af-widgetContent {
    padding: 15px;
    position: absolute;
    width: 100%;
    background-color: #ffffff;
    z-index: 99;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #d5d5d5;
    border-radius: 0 0 4px 4px;
    left: -1px;
    right: 0px;
    box-shadow: 0px 5px 16px 0px #302e2e57;
    top:40px;
}
.aico-template-filter-horizontal .af-widget{
    display: inline-block;
    vertical-align: top;
    min-width: 255px;
    margin-right: 20px;
    position: relative;
    margin-bottom: 20px !important;
    padding: 5px 5px 5px 10px !important;
}

.aicoProduct-description a, .usp-description a{
    text-decoration: none;
    color: #121212bf;
}

.af-productSku{
    font-size: 12px;
}

.aico-template-filter-horizontal .aico-filter-refine-by .aico-filter-refine-by-items {
/*    border: 1px solid #D5D5D5;*/
/*    border-radius: 50px;*/
    padding: 10px 15px;
/*    margin: 0px 0px 15px 0px;*/
    position: relative;
}
/*end template 2 css*/

@media only screen and (min-width: 641px){
    .aico-template-filter-horizontal .aico-filter-refine-by .aico-filter-refine-by-items:not(:last-child)::after {
    content: '|';
    position: absolute;
    right: 10px !important;
    top: 5px;
}

}

.aico-template-filter-horizontal .aico-filters.af-col-left { display: flex; flex-wrap: wrap; gap: 20px 40px; align-items: center; }
.aico-template-filter-horizontal .aico-filters.af-col-left .af-widget, .aico-filters.af-col-left .af-more-filter-option {display: block;width: calc(25% - 30px);margin: 0 !important;padding: 0 !important;border-radius: 30px !important;text-align: left;}
.aico-template-filter-horizontal .aico-filters.af-col-left .af-widget .af-widgetTitle { font-weight: 400; padding: 7px 20px 4px; display: block; width: 100%; color: #555 }
.aico-template-filter-horizontal .aico-filters.af-col-left .af-widget .af-widgetTitle::before, .aico-template-filter-horizontal .aico-filters.af-col-left .af-widget .af-widgetTitle::after { left: unset; right: 15px; border-color: #777 }
.aico-template-filter-horizontal .aico-filter-refine-by { width: 100% }
.aico-template-filter-horizontal .aico-filters.af-col-left .af-widget .aico-specific-clear { display: none !important }
.aico-template-filter-horizontal .aico-filters.af-col-left .af-more-filter-option .aico-show-all { display: block !important; padding: 10.12px 15px 4px; color: #fff !important; font-weight: 400 !important }
.af-customSorting.af-custom { margin-top: 10px }
.aico-template-filter-horizontal .aico-filters.af-col-left .af-more-filter-option { background: #696969; text-align: center }
.aico-template-filter-horizontal .af-widget-top.af-widget-active .af-widgetTitle { background: #e3e3e3; border-radius: 30px }

.aico-top-icons + .af-productCard-image + .af-productCard-content .aico-delivery-status{
    display: inline-block;
    margin: 0 0 2px 1px;
    vertical-align: bottom;
}

.aico-top-icons + .af-productCard-image + .af-productCard-content .af-productCard-title h3 a{
    max-width: 90%;
}

.af-productGrid_item .quick-add__submit {
    animation: none;
    height: auto;
    border: none;
}

.top-icons .icon.icon-compare { margin-right: 20px !important; margin-top: -2px !important;}

.product-grid-container.aico-filter-element .af-productCard-content {
    position: relative;
}
.aico-top-icons + .af-productCard-image + .af-productCard-content .af-productCard-title h3 {
    max-width: 90%;
}
.aico-top-icons + .af-productCard-image + .af-productCard-content .aico-delivery-status {
    position: absolute;
    right: 18px;
    top:18px !important;
}

.af-more-filter-option{
    display: inline-block;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    min-width: 255px;
    padding: 5px;
    text-align: center;
    cursor: pointer;
}

.af-label img{
    height: 20px;
    width: auto;
}

#testumgebung-ecofort .af-more-filter-option .aico-show-all{
    background: none;
    color: rgba(18, 18, 18, 0.75);
    font-weight: bold;
    padding: 10.12px 15px 7px !important;
}


.aico-wishlist:not(.icon-wishlist-selected) svg path {
    fill: #979797;
}
.aico-wishlist {
    z-index: 9;
    position: absolute !important;
    display: inline-block;
    right: 13px !important;
    cursor: pointer !important;
}

.aico-sale-button{
    position: absolute;
    bottom: 10px;
    left: 10px;
}
.af-productCard-image{
    position: relative;
}

.loading-state {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loading {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 10px solid #ddd;
  border-top-color: #000000;
  animation: loading 1s linear infinite;
  display: block !important;
  
}
@keyframes loading {
  to {
    transform: rotate(360deg);
  }
}

.aico-filter-app.af-row {
    display: flex;
    flex-wrap:wrap;
    width: 100%;
    gap: 15px;
    padding-top: 30px;

}
.aico-filter-app .af-col-left {
    flex: 0 0 20%;
    max-width: 20%;
}
.aico-filter-app .af-col-right {
    flex: 0 0 80%;
    max-width: calc(80% - 30px);
}
.aico-filter-app .af-widget {
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    margin-bottom: 30px;
    padding: 15px;
}

.aico-filter-app .af-widgetTitle {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    cursor: pointer;
    padding-left: 20px;
}

.af-productGrid {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.af-productGrid_item {
    flex: 0 0 25%;
    max-width: 25%;
    padding-left: 20px;
    list-style: none;
    margin-bottom: 30px;
}
.af-productCard {
    border: 1px solid #e5e5e5;
    display: flex;
    flex-direction: column;
    position: relative;
    text-decoration: none;
    height: 100%;
    background-color: #ffffff;
    border-radius: 4px;
}
.af-productCard-image a {
    padding-bottom: 100%;
    width: 100%;
    position: relative;
    display: block;
}
.af-productCard-image .product-img {
    max-width: 100%;
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 210px;
}
.af-productCard-content {
    position: relative;
    padding: 15px;
}
.af-productCard-title {
    text-align: center;
    margin-bottom: 5px;
}
.af-productCard-title h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #333333;
}
.af-productCard-title h3 a {
    color: #333333;
    text-decoration: none;
}

.af-refineTitle {
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.af-refineTitle .af-refineTitle-text {
    font-size: 16px;
    font-weight: bold;
}
.clear-all-filter {
    margin-left: auto;
    padding-left: 15px;
    text-transform: capitalize;
    font-size: 13px;
    text-decoration: underline;
    cursor: pointer;
}
.refine-by-item {
    position: relative;
    padding-right: 30px;
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 10px;
}
.refine-by-item .refine-by-option {
    text-transform: capitalize;
    font-weight: bold;
}
.refine-by-item .aico-filter-clear {
    position: absolute;
    right: 0;
    top: 0;
    height: 20px;
    width: 20px;
    cursor: pointer;
    font-size: 0;
    text-indent: -9999px;
}
.refine-by-item .aico-filter-clear:after, .refine-by-item .aico-filter-clear:before {
    content: "";
    position: absolute;
    left: 10px;
    height: 15px;
    width: 2px;
    background-color: #666666;
}
.refine-by-item .aico-filter-clear:before {
    transform: rotate(45deg);
}
.refine-by-item .aico-filter-clear:after {
    transform: rotate(-45deg);
}
.af-widgetContent ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.af-widgetContent ul li {
    margin-bottom: 5px;
    list-style: none;
}
.af-widgetContent ul.af-widgetCheck li label {
    display: flex;
    cursor: pointer;
    position: relative;
    padding-left: 30px;
    font-size: 15px;
    line-height: 1.5;
}
.af-productCard-price {
    text-align: center;
    font-size: 16px;
}
.af-widgetContent ul.af-widgetCheck li {
    position: relative;
}
.af-widgetContent ul.af-widgetCheck li input[type=checkbox] {
    position: absolute;
    left: 0;
    margin: 0;
    opacity: 0;
}
.af-widgetContent ul.af-widgetCheck li label:before {
    content: "";
    height: 15px;
    width: 15px;
    position: absolute;
    left: 0;
    border-radius: 2px;
    top: 4px;
    border: 1px solid #999999;
}
.af-widgetContent ul.af-widgetCheck li label:after {
    content: "";
    width: 9px;
    height: 5px;
    border: 2px solid #333333;
    border-top: none;
    border-right: none;
    opacity: 0;
    background: 0 0;
    -ms-transform: rotate(-50deg);
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 8px;
    left: 3px;
}
.af-widgetContent ul.af-widgetCheck li input[type=checkbox]:checked + label:after {
    opacity: 1;
}
.af-widgetContent ul.af-widgetCheck li label .prouduct-count {
    margin-left: auto;
}
.af-widgetContent ul.af-widgetRadio li {
    position: relative;
}
.af-widgetContent ul.af-widgetRadio li input[type="radio"] {
    position: absolute;
    left: 0;
    opacity: 0;
    top: 0;
}
.af-widgetContent ul.af-widgetRadio li label {
    display: flex;
    cursor: pointer;
    position: relative;
    font-size: 15px;
    line-height: 1.5;
}
.af-widgetContent {
    position: relative;
    max-height: 275px;
    overflow: auto;
}
.af-widgetContent ul.af-widgetRadio li label .af-tags-count {
    margin-left: auto;
}

.af-customSorting {
    padding-left: 0px;
    margin-bottom: 20px;
}
.af-customSorting .af-widgetTitle {
    display: inline-block;
    margin: 0;
}
.af-customSorting .af-select {
    display: inline-block;
    margin-left: 10px;
    border: 1px solid #d5d5d5;
    font-size: 14px;
    padding: 5px;
    cursor: pointer;
    color: #333333;
    border-radius: 4px;
}

.aico-filters .slider-area .noUi-target.noUi-horizontal {
    height: 2px;
    box-shadow: none;
    background-color: #333333;
    border-color: #333333;
}
.aico-filters .slider-area .noUi-target .noUi-origin .noUi-handle {
    background-color: #ffffff;
    box-shadow: none;
    border-color: #333333;
    top: -11px;
}

.aico-vendors .af-widgetContent::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.aico-vendors .af-widgetContent::-webkit-scrollbar
{
    width: 6px;
    background-color: #F5F5F5;
}

.aico-vendors .af-widgetContent::-webkit-scrollbar-thumb
{
    background-color: #555555;
}

.aico-price .slider-area.af-widgetContent .noUi-handle:before, .slider-area.af-widgetContent .noUi-handle:after
{
    display: none !important;
}

.aico-range-slider .slider-area.af-widgetContent .noUi-handle:before, .slider-area.af-widgetContent .noUi-handle:after
{
    display: none !important;
}

.aico-price .slider-area.af-widgetContent .noUi-horizontal .noUi-tooltip
{
    border: transparent;
    top: 8px !important;
    bottom: unset !important;
}

.aico-price .slider-area.af-widgetContent{
    padding: 30px 15px 40px 10px;
}

.aico-range-slider .slider-area.af-widgetContent .noUi-horizontal .noUi-tooltip
{
    border: transparent;
    top: 8px !important;
    bottom: unset !important;
}

.aico-range-slider .slider-area.af-widgetContent{
    padding: 30px 15px 40px 10px;
    border-radius: 4px;
}
.aico-range-slider .slider-area.af-widgetContent .slider-area-wrapper{
    width: 90%;
    margin-left: 5%;
}

.af-widget .af-widgetTitle{
    position: relative;
}

.af-widget .af-widgetTitle:before {
   position: absolute;
   content: " ";
   height: 10px;
   width: 10px;
   border-style: solid;
   border-color: #000000;
   border-width: 0px 2px 2px 0px;
   top: 0;
   left: 0;
   transform: rotate(45deg);
   bottom: 3px;
   margin: auto;
}
.af-widget .af-widgetTitle.aico-rotated:before{
    display: none;
}

.af-widgetTitle.aico-rotated:after{
    position: absolute;
    content: " ";
    height: 10px;
    width: 10px;
    border-style: solid;
    border-color: #000000;
    border-width: 0px 2px 2px 0px;
    top: 5px;
    left: 0;
    transform: rotate(-136deg);
    bottom: 0;
    margin: auto;
}

.aico-vendors .af-widgetContent
{
    padding-right: 15px;
}

.aico-price{
    padding-right: 15px;
}
.aico-price .af-widgetContent{
    max-height: none;
    overflow: unset;
}

.aico-range-slider{
    padding-right: 15px;
}
.aico-range-slider .af-widgetContent{
    max-height: none;
    overflow: unset;
}

.aico-pagination-list li {
    display: inline-block;
    margin: 5px;
    cursor: pointer;
    padding: 5px 10px;
}

.aico-pagination-list .aico-ellipsis {
    font-weight: bold;
}

.aico-pagination {
    margin: 0 auto;
}

.aico-pagination .aico-pagination-list {
    display: flex;
    align-items: flex-start;
}

.aico-pagination .aico-pagination-list li span.active {
    border-bottom: 1px solid #000;
}

.aico-pagination .aico-pagination-list li span {
    position: relative;
    min-width: 20px;
    display: block;
    color: #333;
    cursor: pointer;
    text-align: center;
}

.aico-pagination .aico-pagination-list li span.active {
    font-weight: 600;
}

.aico-pagination .aico-pagination-list li {
    display: block;
}

.af-radio-active {
    font-weight: bold;
}

.aico-tag-star
{
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: 5px;
}
.aico-star
{
    display: none;
}

.aico-tag-star svg{
    fill: #bbbbbb
}

.af-widget-top{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.aico-tag-wrapper{
    display: none;
}

.af-radio-active{
    font-weight: bold;
}
.af-widgetContent .af-single li label:before{
    display: none;
}

.af-widgetContent .af-single li label{
    padding-left: 0 !important;
}

.af-widgetContent ul.af-widgetCheck.af-single li input[type=checkbox]:checked + label:after{
    opacity: 0;
    font-weight: bold;
}
.aico-specific-clear{
    cursor: pointer;
}

.af-widgetContent  .af-tags-count{
    margin-left: auto;
}

.aico-close-icon{
 display: none;
}
.af-customSorting .af-filterOption{
   display: none;
}

.af-label {
    width: 80%;
    word-wrap: break-word;
    display: flex;
    align-items: center;
    gap: 5px;
}

.refine-by-value img{
    height: 20px;
    width: auto;
}

.af-widgetContent{
    padding-right: 10px;
    position: relative;
    max-height: 220px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
}
.af-widgetContent::-webkit-scrollbar{width:4px}
.af-widgetContent::-webkit-scrollbar-track{background:#ebebeb}
.af-widgetContent::-webkit-scrollbar-thumb{background:#757575}
.aico-filter-app .aico-filters--1 .af-widget .af-widgetContent { max-height: max-content }

/*media*/
@media only screen and (max-width: 640px){

    .af-col-left {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .af-col-right {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
    }
    .af-productGrid_item {
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .af-customSorting {
        padding-left: 10px;
    }

    .aico-filter-element
    {
        animation: unset !important;
        transform: unset !important;
        opacity: 1 !important;
    }
    .aico-filter-mb{
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #363636;
        z-index: 999;
        content: " ";
        opacity: .5;
        display: block !important;
    }
    .aico-filters.af-col-left{
        transform: translate(100vw);
        opacity: 0;
        visibility: hidden;
        position: fixed;
        top: 0;
        z-index: 99999;
        background: #ffffff;
        max-width: 100%;
        width: 0;
        right: 0;
        height: 100vh;
        overflow: auto;
        transition: all .3s ease-in-out;
    }
    .aico-filters.af-col-left.af-mobile-view-filter-option{   
        transform: translate(0);
        opacity: 1;
        visibility: visible;
        width: 95%;
    }
    .aico-close-icon {
        background: transparent;
        border: none;
        position: absolute;
        left: 10px;
        top: 14px;
    }
    .aico-products.af-col-right{
        max-width: 100%;
        width: 100%;
        flex: 0 0 100%;
    }
    .aico-products .af-customSorting.af-custom{
        border-bottom: 1px solid rgba(0,0,0,.1);
        border-top: 1px solid rgba(0,0,0,.1);
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        height: 62px;
        justify-items: center;
        position: relative;
        align-items: center;
    }
    .aico-products .af-customSorting.af-custom:before{
        background-color: #000;
        content: "";
        height: 40px;
        opacity: .1;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
    }
    .aico-close-icon { 
        display:inline-block; 
    }
    .af-customSorting .af-filterOption{
       display: block;
       align-self: center;
       border: none;
       background-color: transparent;
       position:relative;
       margin-right:20px;
       font-weight: bold;
       color: #333333;
   }

   .af-sortBy{
    position:relative;
}
.af-select{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin: 0;
    opacity: 0;
}
.af-widgetTitle.af-widgetTitle-mb{
    position:relative;
    margin: 0 20px 0 0;
    font-size: 14px;
}
.af-widgetTitle.af-widgetTitle-mb:before {
    position: absolute;
    content: " ";
    height: 10px;
    width: 10px;
    border-style: solid;
    border-color: #000000;
    border-width: 0px 1px 1px 0px;
    top: -1px;
    right: -16px;
    transform: rotate(45deg);
    bottom: 3px;
    margin: auto;
}
.af-customSorting .af-filterOption:before{
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    border-style: solid;
    border-color: #000000;
    border-width: 0px 1px 1px 0px;
    top: -1px;
    right: -16px;
    transform: rotate(45deg);
    bottom: 3px;
    margin: auto;
}

.aico-filter-refine-by{
    padding: 30px 20px 0;
    margin: 15px 0 0;
}

.aico-filter-app .af-widget{
  margin: 0px 12px 24px 12px;

} 

.aico-vendor-append{
    margin-top:50px;
}

.af-widgetContent{
    display:none;
}

.aico-filter-refine-by ~ .aico-vendor-append { margin-top: 0;}
.aico-filter-app .af-widgetTitle{ font-size:14px; margin-bottom:0;}
.aico-vendors .af-widgetContent{ padding-top: 10px;}
.af-productCard-title h3{ word-break: break-word;}
/*template 2 css*/

.aico-template-filter-horizontal .aico-filter-refine-by{ display: block}
.aico-template-filter-horizontal .aico-filter-refine-by .aico-filter-refine-by-items {
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0px 15px 15px 0px;
}

.aico-template-filter-horizontal .af-widget{ min-width: -webkit-fill-available;width: auto}
.aico-template-filter-horizontal .aico-price-append, .aico-template-filter-horizontal .aico-vendor-append{width: 100%}
/*template 2 css*/

}

@media only screen and (min-width: 640px) and (max-width: 1024px) {
    .af-productGrid_item {
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 10px;
        padding-right: 10px;
    }
}
li.aico_usp_attribute{
    margin: 0;
    list-style: none;
    border: none;
    border-radius: 0;
    font-size: 14px;
    line-height: 1.3;
    padding: 0 0 0 14px;
    position: relative;
    color: #000;
}
ul.aico_usp_attribute_wrapper {
    padding: 0;
    margin: 10px 0;
}
.aico_usp_attribute_wrapper li.aico_usp_attribute:before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 6px;
    height: 6px;
    background: #000;
    border-radius: 100%;
}


.aico-template-filter-horizontal .af-productGrid_item .af-productCard.collection { padding-bottom: 60px !important }
.aico-template-filter-horizontal .af-productCard .aico-product-view { position: absolute; bottom: 0; left: 0; right: 0 }

.af-widgetContent ul {
    padding: 0 15px 15px;
}

#testumgebung-ecofort .aico-products [data-liefertage]:hover:after {
    content: attr(data-liefertage);
    position: absolute;
    width: max-content;
    right: -5px;
    top: -40px;
    z-index: 1;
    background: #fff;
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, .15);
    text-align: center;
    border-radius: 8px;
    padding: 4px 14px 1px 14px;
    font-size: 1.6rem;
    font-weight:400;
    color:#000;
  }

 
@media only screen and (max-width:768px) { 
    #testumgebung-ecofort .af-productGrid { flex-flow: column;}
    #testumgebung-ecofort .af-productGrid .af-productGrid_item {max-width: 100%;}
    #testumgebung-ecofort .aico-filter-popup-btn{display: none;}
    #testumgebung-ecofort .af-sortBy{display: block;}
}

#testumgebung-ecofort .af-productCard-image img:nth-child(2) { display: none;}
#testumgebung-ecofort .af-productCard-image:hover img:nth-child(1) { display: none;}
#testumgebung-ecofort .af-productCard-image:hover img:nth-child(2) { display: block;}
#testumgebung-ecofort .af-productCard-price{ font-size: 22px;}
#testumgebung-ecofort .af-productCard-image .product-img{ top:10px;}

div#testumgebung-ecofort {position: relative;}
#testumgebung-ecofort .af-sortBy { position: absolute;top: 15px;right: 0px;}
#testumgebung-ecofort .af-sortBy span.af-widgetTitle.af-widgetTitle-mb { display: none;}
#testumgebung-ecofort .af-sortBy select#aico-sort-by { border: 0; width: 100%; text-align: right;}

#testumgebung-ecofort .aico-show-all{
    font-weight: 500;
    display: block;
    text-align: center;
    font-size: 14px;
}

#testumgebung-ecofort .af-more-filter-option{
    border-radius: 25px !important;
    border: 1px solid #000;
/*    padding: 5px 0 !important;*/
    margin-top: 15px !important;
}

#testumgebung-ecofort .aico-filter-popup-btn{
    display: flex;
    align-items: center;
}

#testumgebung-ecofort .product_count{
    margin-left: 24px;
    font-size: 14px;
}

#testumgebung-ecofort .aico-product-view a{margin: 15px auto 21px;}
#testumgebung-ecofort .top-icons .icon-compare svg, #testumgebung-ecofort .top-icons .uwl-col-wishlist svg{ width: 24px; height: 24px;}
#testumgebung-ecofort .af-productCard-price { font-size: 18px;}
#testumgebung-ecofort .af-productCard-title{ margin-bottom: 15px;}
#testumgebung-ecofort .af-productCard-image{margin: 10px 0 42px;}

#testumgebung-ecofort .af-more-filter-option { min-width: calc( 25% - 20px ); max-width: calc( 25% - 20px ); }
#testumgebung-ecofort .af-widget{
    border: 1px solid #949090 !important;
    border-radius: 50px !important;
    background: transparent;
    width: calc(25% - 19px) !important;
}
#testumgebung-ecofort .af-widget:hover{
  background-color: #e9e9e9;
}
#testumgebung-ecofort .aico-filters{
margin-top: -20px;
}
#testumgebung-ecofort .af-more-filter-option{
margin-top: 0px !important;
}

#testumgebung-ecofort .aico-filter-refine-by-items{
    padding: 10px 25px 10px 0 !important;
}

#testumgebung-ecofort .aico-filters.af-col-left .af-widget .af-widgetTitle{
    padding-left: 20px !important
}
#testumgebung-ecofort .af-widget .af-widgetTitle:before, #testumgebung-ecofort .af-widgetTitle.aico-rotated:after{
    margin:auto 15px auto ;
}

#testumgebung-ecofort .aico-range-slider .slider-area.af-widgetContent{
    border-radius: 10px;
}
#testumgebung-ecofort .slider-area.af-widgetContent{
    background-color:#fff !important;
    border-radius: 10px !important;
    padding: 30px 15px 40px 10px !important;
}
#testumgebung-ecofort .aico-filters.af-col-left{
    gap:20px 25px !important;
}
#testumgebung-ecofort .aico-tags.af-widget{
    width: calc(25% - 19px) !important;
}


#testumgebung-ecofort .slider-area-wrapper {
    width: 90%;
    margin-left: 5%;
}
#testumgebung-ecofort .aico-price.content.af-widget {
    width: 100% !important;
}
#testumgebung-ecofort .aico-price-append{
    width: calc(25% - 20px) !important;
}

#testumgebung-ecofort .af-widgetContent {
    border-radius: 10px !important;
    padding: 15px 15px 5px 15px;
}

#testumgebung-ecofort .af-widgetContent ul {padding: 0px;}

#testumgebung-ecofort .af-widgetContent ul.af-widgetCheck li {
    margin-bottom: 0;
    padding-bottom: 5px;
}

#testumgebung-ecofort .af-refineTitle-text{
  display:none;
}
#testumgebung-ecofort .aico-filter-refine-by-items{
  margin-top:-40px
}

/****************************************************/
/******* sonnenschutzfolien-experten shop start*****/

#sonnenschutzfolien-experten .aico_search_and_reset_botton button {
    background: transparent;
    padding: 10px 10px;
    font-size: 18px;
    border: 0;
    border-top: 2px solid #2F2A2C;
    font-family: Neulis Neue !important;
}
#sonnenschutzfolien-experten .aico_search_and_reset_botton { display: grid; grid-template-columns: 1fr 1fr;}
#sonnenschutzfolien-experten .aico_search_and_reset_botton button.aico_reset_botton { border-right: 2px solid #2F2A2C;}
#sonnenschutzfolien-experten .af-productCard.collection{ padding-bottom: 10px !important;}
#sonnenschutzfolien-experten .af-widgetContent {
    padding: 15px 0 0;
    position: unset;
    max-height: 100%;
    box-shadow: none;
    border: 0;
    border-top: 2px solid #2F2A2C;
    border-radius: 0;
}
#sonnenschutzfolien-experten .aico-filters.af-col-left .af-widget .af-widgetTitle.aico-rotated { gap: 10px;}
#sonnenschutzfolien-experten .aico-filters.af-col-left .af-widget, .aico-filters.af-col-left .af-more-filter-option { border: 2px solid #3333;border-radius: 0 !important;width: 24%;}
#sonnenschutzfolien-experten .aico-filters.af-col-left .af-widget .af-widgetTitle {
    background: #fff;
    padding: 15px 40px 15px 20px !important;
    color: #2F2A2C;
    border-radius: 0;
}
#sonnenschutzfolien-experten  .af-widgetCheck.af-single li {
    display: grid;
    align-items: center;
    gap: 20px;
    grid-template-columns: 1fr 12fr;
    border-bottom: 1px solid #C7C7C7;
    padding: 18px 0 18px 0;
    margin: 0px;
}
#sonnenschutzfolien-experten  .af-widgetCheck.af-single li:first-child {padding-top: 0;}
#sonnenschutzfolien-experten span.af-tags-count {display: none;}
#sonnenschutzfolien-experten .af-widgetContent ul.af-widgetCheck li input[type=checkbox] {position: unset;opacity: 1;}
#sonnenschutzfolien-experten .search_button {background: #2F2A2C !important;color: #fff;}
#sonnenschutzfolien-experten .aico-filters.af-col-left {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 15px;
    align-items: baseline;
}

#sonnenschutzfolien-experten .af-productGrid_item {
    flex: 0 0 32%;
    max-width: 32%;
    padding: 0px;
    list-style: none;
}
#sonnenschutzfolien-experten .af-productCard-image .product-img { margin: 0;}
#sonnenschutzfolien-experten .af-productCard-image a {padding: 120px;height: 100%;}
#sonnenschutzfolien-experten .af-label {
    width: 80%;
    word-wrap: break-word;
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 400;
    color: #2F2A2C;
}
#sonnenschutzfolien-experten .af-widgetTitle {font-size: 20px;font-weight: 500 !important;}
#sonnenschutzfolien-experten .af-widgetContent ul{padding: 0 15px 20px 15px;}
#sonnenschutzfolien-experten .aico-filters.af-col-left {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px 15px;
    align-items: baseline;
}

#sonnenschutzfolien-experten .af-productCard-image .product-img { height: 100%;}
#sonnenschutzfolien-experten .af-productCard-image{ height: 271px;}
#sonnenschutzfolien-experten .aico-tags.af-widget.sonnenschutzfolien-rotate { border: 2px solid #2F2A2C !important;}
#sonnenschutzfolien-experten .aico-filters.af-col-left .af-widget .af-widgetTitle::after{ border-color: #2F2A2C;}
#sonnenschutzfolien-experten .af-productCard-title h3{ text-align:left; font-weight: 500;}
#sonnenschutzfolien-experten .af-widgetCheck li input[type="radio"]{ accent-color: black;}
#sonnenschutzfolien-experten .aicoProduct-description p{
    line-height: 28px;
    font-size: 18px;
    font-weight:400;
    margin: 20px 0 0;
}

#sonnenschutzfolien-experten .aico-filters.af-col-left{ gap: 24px 20px;}
.aico-filter-view input[type="radio"] { accent-color: #2F2A2C;}
#sonnenschutzfolien-experten .aico-tags.af-widget{ border: 2px solid #817d7f !important;}
.hr-custome{ margin: 20px -15px 0; background-color: #f3f3f3;}
#sonnenschutzfolien-experten .af-productCard-content{ padding: 15px 15px 30px 15px}
#sonnenschutzfolien-experten .af-productGrid_item{ overflow: hidden;}
#sonnenschutzfolien-experten .sonnenschutzfolien_btn{
background: linear-gradient(90deg, #F5BD69 0%, #F3AB55 29.52%, #EF8125 59.54%, #EE7113 69.01%, #EC621C 92.01%, #EB5A22 100%);
    position: absolute;
    left: 0;
    right: 0;
    height: 55px;
    bottom: -55px;
    opacity: 0;
    transition: 0.6s;
    visibility:hidden;
   display: flex;
    justify-content: center;
    align-items: center;
}
#sonnenschutzfolien-experten .af-productGrid_item:hover .sonnenschutzfolien_btn{
   bottom: 0 !important;
   opacity: 1;
   visibility: visible;
}
#sonnenschutzfolien-experten .sonnenschutzfolien_btn a {
    padding: 0 10px!important;
    height: auto !important;
    text-decoration: none;
    color: #fff;
}
#sonnenschutzfolien-experten .af-productCard-image{overflow:hidden;}
#sonnenschutzfolien-experten .af-productGrid { column-gap: 25px !important;}
#sonnenschutzfolien-experten .af-productGrid_item .af-productCard-image img { transition: 0.5s }
#sonnenschutzfolien-experten .af-productGrid_item:hover .af-productCard-image img {
    transform: scale(1.05);
}
#sonnenschutzfolien-experten .hr-custome{
    opacity: 1 !important;
}
#sonnenschutzfolien-experten .af-productGrid_item:hover .hr-custome {
    opacity: 0 !important;
}

@media only screen and (max-width: 640px) {
    #sonnenschutzfolien-experten .aico-filters.af-col-left { transform: none; opacity: 1;visibility: visible;position: unset;width: fit-content;}
    #sonnenschutzfolien-experten .af-productGrid_item {flex: 0 0 100%; max-width: 100%;}
    #sonnenschutzfolien-experten .aico-filters.af-col-left { display: block !important;}
    #sonnenschutzfolien-experten .aico-filters.af-col-left .aico-tags.af-widget { margin-bottom: 20px !important; width: 100% !important;}
    .aico-filters.af-col-left.aico-filters--5 { width: 100% !important;}
    .aico-filters.af-col-left.aico-filters--14.af-mobile-view-filter-option {display: block !important;margin: 0 auto;left: 0;}
}


/*****************************************/
/******* aico365 shop start**************/


#aico365 .product_variant_image{ display: flex; gap:7px;}
#aico365 img.var_imge {width: 22px;height: auto;object-fit: contain;border-radius: 50%;}
#aico365 .af-productCard-title h3{text-align: start;}
#aico365 .af-productCard-price {text-align:left;}
#aico365 .af-productCard-image .product-img{margin-top: 0;}

/*****************************************/
/******* snowlife-ch shop start**************/

#snowlife-ch .af-productCard-image .product-img{
    object-fit: contain;
    height:260px;
}

#testumgebung-ecofort .aico-metafield-value-append {
    display: flex;
   flex-direction: row;
   gap:25px
   
 }
 #testumgebung-ecofort .af-widget{
   max-width: 200px;
 }
 #testumgebung-ecofort .aico-filters .aico-price-append {
     width: initial !important;
     max-width: 100%;
 }