.brand-img{
      list-style-type: none;
      margin: 0px;
      padding: 0px;
      stroke: none;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      width: 96px;
      height: 96px;
      position: absolute;
      display: flex;
      overflow: hidden;
      background-color: rgb(255, 255, 255);
      fill: rgb(255, 255, 255);
      /* clip-path: circle(53.0% at 50% 50%); */
      clip-path: path("M 85.9033 94.638 C 61.0345 96.4547 36.1656 96.4547 11.2998 94.638 C 6.5484 94.2765 2.32561 90.0538 1.96409 85.3026 C 0.147385 60.4345 0.147385 35.5665 1.96409 10.7014 C 2.32561 5.94714 6.5484 1.72448 11.2998 1.36298 C 36.1687 -0.453675 61.0375 -0.453675 85.9033 1.36298 C 90.6547 1.72448 94.8775 5.94714 95.239 10.6984 C 97.0557 35.5665 97.0557 60.4345 95.239 85.2996 C 94.8805 90.0508 90.6547 94.2765 85.9033 94.638 Z");
  }
  .floating-img-wrapper{
    list-style-type: none;
      margin: 0px;
      padding: 0px;
      stroke: none;
      width: 96px;
      height: 96px;
      position: absolute;
      top: 16px;
      left: 16px;
      display: flex;
  }
  .img-logo{
    position: absolute;
    inset: 0px;
    box-sizing: border-box;
    padding: 0px;
    border: none;
    margin: auto;
    display: block;
    width: 0px;
    height: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: contain;
  }

  .img-wrap {
    filter: drop-shadow(0px 1px 1px rgba(50, 50, 0, 0.3));
  }
  .card-text{
    font-size: 12px;
  }
  .product-description{
    font-weight: 400;
  }
  .bold{
    font-weight: 600 !important;
  }
  .availability-text{
    font-size: 12px !important;
  }
  .fruchtfolge.match.alt::before{
    content:none !important
  }
  .fruchtfolge.match.alt{
    background-color: white !important;
    color: #42be11 !important;
    top:auto !important;
    left: auto !important;
    height: auto !important;
    padding: 0px !important;
    font-size: 12px;
    margin-bottom: -6px;
  }
  .product-description{
    padding-left: 2px;
  }
  .availability-text{
    color: #6c757D;
  }
  .banderole.fruchtfolge {

    font-size: 12px !important;
  }
  .card-link{
    /* in cards arrow links are in the text colour, hover included (owner 2026-10-25; main.css "Arrow link") */
    color: var(--color-text);
    text-decoration: none;
    font-size: 14px !important;
    font-weight: 600;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }

  .filterOffCanvas {
    z-index: 99 !important;
  }
/* @media screen and (max-width: 1000px) {
.filterOffCanvas{
    top: 0;
    left: 0;
    bottom:0;
    position:fixed;
    overflow-y:scroll;
    z-index: 8;
    display: flex;
    padding-left: 0;
    flex-direction: column;
    max-width: 120%;
    background-clip: padding-box;
    outline: 0;
    background-color: #fff !important;
    top: 0;
    transform: translateX(-100%);
    border-left: 1px solid rgba(0,0,0,.2);
    margin-left: 0px !important;
    transition: transform .3s ease-in-out;
    }
  } */
.page-item.active .page-link{
  z-index: 1 !important;
}
.page-link {
  position: relative;
  display: block;
  color: #000;
  text-decoration: none;
  background-color: #fff;
  border: None;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  border-radius: 100px;
}
.page-item:first-child .page-link {
  border-top-left-radius: 4.25rem;
  border-bottom-left-radius: 4.25rem;
  border-top-right-radius: 4.25rem;
  border-bottom-right-radius: 4.25rem;
}
.page-item:last-child .page-link {
  border-top-left-radius: 4.25rem;
  border-bottom-left-radius: 4.25rem;
  border-top-right-radius: 4.25rem;
  border-bottom-right-radius: 4.25rem;
}

.slider{
  width: 100% !important;
}

.total-percentage{
  margin-top: 10px;
  margin-bottom: 0px;
  font-size: 20px;
  font-weight: 700;
}
.prio-phyto-result{
  padding: 2px !important; 
  min-width: 150px !important; 
}
.form-control[readonly] {
    background-color: white !important;
    opacity: 1;
    color: black !important;
}
input[readonly]::placeholder {
  color: black !important;
}
#available-delivery{
  height: 10px;
  width: 10px;
  background: #41cd0a;
  border-radius: 50%;
  font-size: 10px;
  display: inline-block;
}
#not-available-delivery{
  height: 10px;
  width: 10px;
  background: #febb02;
  border-radius: 50%;
  font-size: 10px;
  display: inline-block;
}
.help{
  cursor:help;
}
.banderole-wrapper{
  position: absolute;
  margin-top: 10px;
  left: -7px;
}
.banderole.fruchtfolge.banderole{
  position: relative;
  border: none;
  background-color: #42be11;
  color: #fff;
  top: 0;
  left: -18px;
  padding: 0 10px;
  z-index:1;
  font-size: 10px;
}
.banderole.fruchtfolge.match::before{
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: -8px;
  content: "";
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  border-right: 6px solid #288c00;
  border-bottom: 8px solid transparent;
}
.banderole.fruchtfolge{
  position: relative;
  border: none;
  background-color: #42be11;
  color: #fff;
  top: 0;
  left: 0;
  height: 26px;
  padding: 0 10px;
  font: normal 13px/26px Verdana, Arial, Helvetica, Sans-Serif;
  z-index:1;
}
.banderole.fruchtfolge.match{
  align-items: center;
  display: flex;
}
.text-fruchtfolge{
  margin-left: 9px;
}
.form-check {
min-height: 1rem !important;
margin-top: 5px;
}
.rating-details-list{
  border-radius: 50px;
}
.label-checkbox{
  font-size: 14px !important;
}
.small-text{
  font-size: 10px;
}
#loading-animation-top {
    display: none;
    transition: opacity 1s ease-out;
    opacity: 0;
}
#loading-animation-top.active {
    opacity: 1;
    display: block;
}
#overlay {
    position: absolute;
    display: none;
    width: 105%;
    height: 100%;
    left: -2%;
    top: 0%;
    bottom: 0;
    border-radius: 5px;
    bottom: 0;
    background-color: #ffffffab;
    z-index: 20;
    cursor: pointer;
  }

#overlay-container{
    position: relative;
    /* padding: 30px 30px 30px 30px; */
  }
.availability-light{
  flex-wrap: nowrap;
  align-items: center;
}
.light{
  margin-right: 4px;
}
.availability-text{
  font-size:10px;
}
.collapsed-checkbox{
  font-size: 14px;
  cursor: pointer;
}
.expand-button{
  margin-bottom: 0px;
}
.loading-blur{
color: #c6c6c6;
filter: blur(1px);
}
.h3{
    font-size: 20px;
    font-weight: 600 !important;
}
.product-slider-wrapper{
    overflow: auto;
    white-space: nowrap;
}