@charset "UTF-8";
/* breakpoints */
.product-element .category__headline, .productholder .category__headline {
  position: relative;
  display: block;
  font-size: 1.2rem;
  font-weight: 600;
  padding-right: 1.5rem;
}
.product-element .category__headline::after, .productholder .category__headline::after {
  content: "";
  font-family: "bootstrap-icons" !important;
  position: absolute;
  right: 0;
  transition: transform 0.3s ease;
}
.product-element .category__headline.collapsed::after, .productholder .category__headline.collapsed::after {
  transform: rotate(180deg);
}
.product-element__contact .teammember, .productholder__contact .teammember {
  display: flex;
  margin-top: 1.5rem;
  gap: 1rem;
}
.product-element__contact .teammember__image, .productholder__contact .teammember__image {
  flex-basis: 70px;
  flex-grow: 0;
}
.product-element__contact .teammember__image img, .productholder__contact .teammember__image img {
  background-color: var(--black);
  border-radius: 50%;
}
.product-element__contact .teammember p.clr-grey-light, .productholder__contact .teammember p.clr-grey-light {
  --font-clr: var(--white);
}
.product-element__contact .zipsearch i, .product-element__contact .zipsearch input, .productholder__contact .zipsearch i, .productholder__contact .zipsearch input {
  font-size: 1.25rem;
}
.product-element__contact .postcodes, .productholder__contact .postcodes {
  background-color: var(--black);
  --font-clr: var(--white);
  padding: 0.25rem 1rem;
}
.product-element__contact .postcodes p, .productholder__contact .postcodes p {
  margin-bottom: 0;
}
.product-element__filter .form-check, .productholder__filter .form-check {
  --font-clr: var(--clr-grey-light);
}
.product-element__filter input[type="radio"], .productholder__filter input[type="radio"] {
  border-radius: 0;
  border: 1px solid #262626;
  background-color: var(--black);
  width: 1.5rem;
  height: 1.5rem;
  margin-left: -3rem;
  margin-top: 0;
}
.product-element__filter input[type="radio"]:checked, .productholder__filter input[type="radio"]:checked {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3crect x='-2' y='-2' width='4' height='4' fill='%23bf0d0d'/%3e%3c/svg%3e");
  border: 1px solid var(--clr-primary);
}
.product-element__filter input[type="radio"]:checked + label, .productholder__filter input[type="radio"]:checked + label {
  color: var(--white);
}
.product-element #category__accordion .card, .productholder #category__accordion .card {
  border-bottom: 1px solid var(--border-color);
  padding-block: 1.5rem;
}
.product-element #category__accordion .card-header, .productholder #category__accordion .card-header {
  background-color: transparent;
  padding-block: 0;
}
.product-element__parts .content, .productholder__parts .content {
  --font-clr: var(--clr-grey-light);
}
@media (min-width: 992px) {
  .product-element__parts .content ul, .productholder__parts .content ul {
    columns: 2;
  }
  .product-element__parts .content ul li, .productholder__parts .content ul li {
    break-inside: avoid;
  }
}
.product-element__parts .product__card, .productholder__parts .product__card {
  /*.subtitle {
        text-transform: lowercase;

        &:first-letter {
          text-transform: uppercase;
        }
      }
*/
}
.product-element__parts .product__card .swiper-pagination-bullet, .productholder__parts .product__card .swiper-pagination-bullet {
  --swiper-pagination-bullet-width: 20px;
  --swiper-pagination-bullet-height: 4px;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-inactive-color: var(--clr-grey-light);
  --swiper-pagination-color: var(--clr-primary);
}
.product-element__parts .product__card .esdable, .productholder__parts .product__card .esdable {
  position: absolute;
  top: -0.75rem;
  left: -0.75rem;
  z-index: 10;
}
.product-element__parts .product__card--add .numberselect, .productholder__parts .product__card--add .numberselect {
  background-color: var(--clr-grey);
  padding: 0.25rem;
  text-align: center;
  user-select: none;
}
.product-element__parts .product__card--add .numberselect span, .productholder__parts .product__card--add .numberselect span {
  margin-inline: 0.5rem;
}
.product-element__parts .product__card--add .numberselect i, .productholder__parts .product__card--add .numberselect i {
  cursor: pointer;
}
.product-element__parts .product__card--downloads select, .productholder__parts .product__card--downloads select {
  border-radius: 0;
  border: 0;
  background-color: var(--clr-grey);
  --font-clr: var(--clr-grey-light);
  color: var(--font-clr);
}
.product__category .contentcard img {
  background-color: var(--clr-grey);
  padding: 1.5rem;
}
.product__category .contentcard--img {
  position: relative;
}
.product__category .contentcard--img a {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: var(--transition);
}
@media (hover: none) {
  .product__category .contentcard--img a {
    opacity: 1;
  }
}
.product__category .contentcard:hover .contentcard--img a {
  opacity: 1;
}
.series .swiper-slide:not(.galleryelement .swiper-slide-active) {
  opacity: 1;
}
.series .swiper__controls .next, .series .swiper__controls .prev {
  --bg-size: 3rem;
  background-color: var(--clr-grey);
  border-radius: 50%;
}
@media (min-width: 768px) {
  .series .swiper__controls .next, .series .swiper__controls .prev {
    --bg-size: 4rem;
  }
}
@media (min-width: 992px) {
  .series .swiper__controls .next, .series .swiper__controls .prev {
    --bg-size: 5rem;
  }
}
.series .swiper__controls .next i, .series .swiper__controls .prev i {
  font-size: 2rem;
}
@media (min-width: 992px) {
  .series .swiper__controls .next i, .series .swiper__controls .prev i {
    font-size: 3rem;
  }
}
.series .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.series .tags .tag {
  cursor: pointer;
  background-color: var(--clr-grey);
  padding: 0.5rem 1rem;
  border-radius: 1rem;
  line-height: 1;
  user-select: none;
  transition: var(--transition);
}
.series .tags .tag.active {
  background-color: var(--clr-primary);
}
.series .serie__holder {
  background-color: var(--clr-grey);
  padding: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
@media (min-width: 768px) {
  .series .serie__holder {
    gap: 2rem;
    padding: 2.5rem;
  }
}
.series .serie__content {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  justify-content: space-between;
  flex-basis: 30%;
  flex-grow: 1;
}
@media (max-width: 767.98px) {
  .series .serie__content {
    flex-basis: 100%;
  }
}
.series .serie__image {
  flex-basis: 65%;
  background-color: var(--black);
  flex-grow: 10;
}
.contact .subtitle {
  --font-clr: var(--clr-grey-light);
}
.contact .team__contact {
  display: flex;
  gap: 1.5rem;
  justify-content: center;
}
.contact .team__contact .icon {
  --size: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--clr-grey);
  border-radius: 50%;
  flex-shrink: 0;
  width: var(--size);
  height: var(--size);
}
@media (min-width: 768px) {
  .contact .team__contact .icon {
    --size: 6.25rem;
  }
}
.contact .team__contact .icon i {
  font-size: 1.75rem;
}
@media (min-width: 768px) {
  .contact .team__contact .icon i {
    font-size: 2.125rem;
  }
}
.seriesintro-wrapper::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(0deg, black, transparent 30%);
  pointer-events: none;
}
.seriesintro-content {
  z-index: 1;
  padding-block: 8rem 3rem;
}
@media (max-width: 1199.98px) {
  .seriesintro-content {
    padding-block: 6rem 3rem;
  }
}
@media (max-width: 767.98px) {
  .seriesintro-content {
    padding-block: 5rem 3rem;
  }
}
@media (min-width: 992px) {
  .seriesintro-content-subtitle {
    width: 75%;
  }
}
@media (min-width: 1200px) {
  .seriesintro-content-subtitle {
    width: 40%;
  }
}
.seriesintro-content .seriesslogen {
  line-height: 1;
}
.seriesintro-content .seriesslogen span {
  line-height: inherit;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fkarl24%2Fscss%2Fpages%2F_productholder.scss%22%2C%22%2Fthemes%2Fkarl24%2Fscss%2Fpages%2F..%2Fsettings%2Fbreakpoints.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASE%3BAAAA%3BAAAA%3BAAOF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAAA%3BAAMF%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAMF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAQF%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASE%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAQJ%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAAA%3BAAQF%3BAAAA%3BAAAA%3BACjEA%3BAAAA%3BAAAA%3BAAAA%3BADuEM%3BAAAA%3BAAAA%3BAAAA%3BAAON%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAACE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAgBE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAME%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAOF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAcJ%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOF%3BAAAA%3BAAAA%3BAAQJ%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC1KA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADuLE%3BAAAA%3BAAAA%3BACvLF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADiMF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQE%3BAAAA%3BAAAA%3BAAOF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACrNA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADmOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACnOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADgPA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASF%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAClQA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADiRE%3BAAAA%3BAAAA%3BACjRF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADgSA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYF%3BAAAA%3BAAAA%3BAAAA%3BAC5SE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADgUA%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%22%7D */