@font-face {
  font-family: Roboto-light;
  src: url("../../public/font/roboto/Roboto-Light.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: Roboto-roman;
  src: url("../../public/font/roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: Roboto-medium;
  src: url("../../public/font/roboto/Roboto-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: Roboto-bold;
  src: url("../../public/font/roboto/Roboto-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: Roboto-italic;
  src: url("../../public/font/roboto/Roboto-Italic.ttf") format("truetype");
  font-style: italic;
  font-display: swap;
}

.font-light {
  font-family: Roboto-light, sans-serif;
  font-weight: 300;
}

.font-roman,
.result-content-section .page-name,
.result-content-section .site-description,
.search .horizontal-search .search-requests-header,
.search .horizontal-search .search-requests,
.search .vertical-search .search-requests-header,
.search .vertical-search .search-requests,
.vertical-overlay .vertical-overlay__weather,
.navigation .navigation__menu-text,
.navigation .navigation__items,
.horizontal-overlay .horizontal-overlay__weather,
.font-family-roman,
.text-image-container .image-caption,
.stageSubpage .date-section,
.stageSubpage .copy,
.stageHomepage .copy,
.app-promotion-banner .headline,
.app-promotion-banner .copy,
.quote-container .quote-content,
.quote-container .author-description,
.ProductApplication .description,
.ProductApplication .intro-text,
.ProductApplication .image-description,
.note-section-text,
.product-info .row-title,
.product-info .row-info-section,
.product-header .product-category,
.product-header .sub-headline,
.product-benefits .item-label,
.overlay .caption,
.off-canvas__contact-wrapper .off-canvas__sub-headline,
.off-canvas-area .description,
.off-canvas-area .placeholder-text,
.gallery .caption,
.images-wrapper-mobile .image-caption-1,
.images-wrapper-mobile .image-caption-2,
.images-wrapper-desktop .image-caption-1,
.images-wrapper-desktop .image-caption-2,
.snackbar,
.rich-text,
.form-wrap .tooltip-icon .tooltip-text,
.input-textarea textarea,
.input-dropdown .input-wrap,
.input-text input,
:root .quote-text,
:root .paragraph-xxl,
:root .paragraph-xl,
:root .paragraph-m,
:root .paragraph-s,
:root .button-paragraph-s,
:root .button-link-text,
:root .OneTrialMapSearch__address,
:root .OneTrialMapSearch__pill,
:root .OneTrialOverlay__subtitle,
:root .OneTrialOverlay__trialType,
:root .OneTrialOverlay__metaRow span,
:root .OneTrialCard__trialType,
:root .OneTrialCard__subtitle,
:root .OneTrialCard__date span:last-child,
:root .OneTrialCard__yieldLabel,
:root .OneTrialCard__barLabel span,
:root .productCard__category,
:root .productCard__benefit p,
:root .pestCropCard__latinname,
:root .gallery .disclaimer-note,
:root .eventCard__location,
:root .eventCard__date,
:root .privacy-banner__text,
:root .OneTrialOverlay__description,
:root .teaserListItem__tag,
:root .teaserListItem__date,
:root .teaserListItem__copy,
:root .newsletter-signup .copy,
:root .footer__disclaimerText,
:root .footer__legalLink,
:root .contactPersonCard__position,
:root .contact-teaser .copy,
:root .teaser-card .description,
:root .form-wrap input,
:root .form-wrap select,
:root .form-wrap textarea,
:root .input-dropdown select,
:root .footer__tagline,
:root .footer__navHeading,
:root .footer__navLabel,
:root .contactTile__copy {
  font-family: Roboto-roman, sans-serif;
  font-weight: 400;
}

.font-medium,
.result-content-section .result-amount,
.result-content-section .result-message,
.result-content-section .page-title,
.filter-overlay .filter-overlay-headline,
.vertical-overlay .vertical-overlay__footer-item span,
.font-family-medium,
.OneTrialMapSearch__city,
.OneTrialOverlay__title,
.OneTrialCard__title,
.stageHomepage .cta-label,
.stageHomepage .headline,
.app-promotion-banner .headline,
.quote-container .author-name,
.ProductApplication .sub-headline-holder,
.ProductApplication .image-headline,
.note-section-headline,
.product-info .headline,
.product-header .product-name,
.ProductDetailPage .image-section,
.product-benefits .headline,
.action-button .label,
.off-canvas__contact-wrapper .off-canvas__headline,
.off-canvas__contact-wrapper .off-canvas__contact-section,
.off-canvas-area .headline,
.newsletter-signup .headline,
.link-teaser .headline,
.GeneralFilter .headline,
.contact-teaser .headline,
.accordion .headline,
.tabs.size-s .tab-label,
.tabs.size-l .tab-label,
:root .h1-headline,
:root .h2-headline,
:root .h3-headline,
:root .h4-headline,
:root .h5-headline,
:root .h6-headline,
:root .button-text,
:root .teaserListItem__headline,
:root .productCard__headline,
:root .contactPersonCard__name,
:root .teaser-card .headline,
:root .pestCropCard__headline,
:root .eventCard__headline,
:root .conversion-card .title,
:root .dynamicTeaser__headline,
:root .contactTile__headline,
:root .ProductCatalogHighlight__headlineTeaser {
  font-family: Roboto-medium, sans-serif;
  font-weight: 500;
}

.font-bold,
.font-family,
.table-headline,
.typography-table th,
.footer__tagline strong,
.footer__copyright,
.rich-text strong {
  font-family: Roboto-bold, sans-serif;
  font-weight: 700;
}

.font-italic,
.rich-text em {
  font-family: Roboto-italic, sans-serif;
  font-style: italic;
  font-weight: 400;
}

.breadcrumb--holder {
  align-items: center;
  gap: var(--component-spacing-s);
  display: flex;
}

.breadcrumb--holder a {
  text-decoration: none;
  position: relative;
}

.breadcrumb--holder a > span {
  color: #00793a;
  display: block;
  position: relative;
  overflow: hidden;
}

.breadcrumb--holder a > span::before {
  will-change: all;
  content: "";
  z-index: 1;
  border: 0;
  border-bottom: 0.2rem solid #00793a;
  width: 100%;
  transition: all 0.25s cubic-bezier(0.33, 1, 0.68, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100%;
}

.breadcrumb--holder a:hover span::before {
  left: 0;
}

.breadcrumb--holder a:focus-visible {
  outline: none;
}

.breadcrumb--holder a:focus-visible::after {
  display: block;
}

.breadcrumb--holder span {
  color: #6e786e;
}

.breadcrumb--holder i {
  color: #00793a;
}

.breadcrumb--holder.highlight a,
.breadcrumb--holder.highlight a > span {
  color: #65ac1e;
}

.breadcrumb--holder.highlight a:focus-visible::after {
  outline: 0.1rem solid #65ac1e;
}

.breadcrumb--holder.highlight a:hover span::before {
  border-bottom-color: #65ac1e;
}

.breadcrumb--holder.highlight span {
  color: #d4d9d4;
}

.breadcrumb--holder.highlight i {
  color: #fff;
}

.ghost-icon-button {
  will-change: all;
  cursor: pointer;
  color: #003b1c;
  background-color: #0000;
  border: 0.2rem solid #0000;
  border-radius: 12rem;
  justify-content: center;
  align-items: center;
  padding: 1.3rem;
  transition: all 0.125s cubic-bezier(0.33, 1, 0.68, 1);
  display: flex;
}

.ghost-icon-button:hover,
.ghost-icon-button:focus-visible,
.ghost-icon-button:visited {
  border-color: #003b1c;
}

.ghost-icon-button:focus-visible {
  outline-offset: 0.2rem;
  outline: 0.2rem solid #003b1c;
}

.ghost-icon-button:active {
  transform: scale(0.96);
}

.ghost-icon-button:disabled {
  opacity: 0.4;
  pointer-events: none;
}

.ghost-icon-button.highlight {
  color: #65ac1e;
  background-color: #003b1c;
}

.ghost-icon-button.highlight:hover,
.ghost-icon-button.highlight:focus-visible,
.ghost-icon-button.highlight:visited {
  border-color: #65ac1e;
}

.ghost-icon-button.highlight:focus-visible {
  outline: 0.2rem solid #65ac1e;
}

.primary-icon-button {
  will-change: transform;
  cursor: pointer;
  color: #fff;
  background-color: #003b1c;
  border: 0.2rem solid #003b1c;
  border-radius: 12rem;
  justify-content: center;
  align-items: center;
  padding: 1.3rem;
  transition: transform 0.15s ease-in-out;
  display: flex;
  position: relative;
  overflow: hidden;
}

.primary-icon-button.video-variant {
  border: 0.125rem solid #003b1c;
}

.primary-icon-button::before {
  will-change: all, background-color;
  content: "";
  z-index: 1;
  background-color: #fff;
  width: 100%;
  height: 100%;
  transition:
    all 0.125s cubic-bezier(0.33, 1, 0.68, 1),
    background-color 0.125s cubic-bezier(0.33, 1, 0.68, 1);
  position: absolute;
  top: 0;
  left: -100%;
}

.primary-icon-button svg,
.primary-icon-button .icon {
  z-index: 2;
  position: relative;
}

.primary-icon-button:hover,
.primary-icon-button:focus-visible {
  will-change: all;
  color: #003b1c;
  transition: all 0.125s cubic-bezier(0.33, 1, 0.68, 1);
}

.primary-icon-button:hover::before,
.primary-icon-button:focus-visible::before {
  left: 0;
}

.primary-icon-button:focus-visible {
  outline-offset: 0.2rem;
  outline: 0.2rem solid #003b1c;
}

.primary-icon-button:active {
  transform: scale(0.96);
}

.primary-icon-button:disabled {
  opacity: 0.4;
  pointer-events: none;
}

.primary-icon-button.highlight {
  color: #0a140a;
  background-color: #65ac1e;
  border-color: #65ac1e;
}

.primary-icon-button.highlight::before {
  background-color: #003b1c;
}

.primary-icon-button.highlight:hover,
.primary-icon-button.highlight:focus-visible {
  color: #65ac1e;
}

.primary-icon-button.highlight:focus-visible {
  outline: 0.2rem solid #65ac1e;
}

.primary-icon-button.highlight.video-variant {
  color: #003b1c;
  background-color: #fff;
  border-color: #0000;
}

.primary-icon-button.highlight.video-variant:hover,
.primary-icon-button.highlight.video-variant:focus-visible {
  color: #fff;
  background-color: #003b1c;
  border-color: #fff;
}

.primary-icon-button.highlight.video-variant:focus-visible {
  outline: 0.2rem solid #fff;
}

.secondary-icon-button {
  will-change: transform;
  cursor: pointer;
  color: #003b1c;
  background-color: #fff;
  border: 0.2rem solid #003b1c;
  border-radius: 12rem;
  justify-content: center;
  align-items: center;
  padding: 1.3rem;
  transition: transform 0.15s ease-in-out;
  display: flex;
  position: relative;
  overflow: hidden;
}

.secondary-icon-button::before {
  will-change: all, background-color;
  content: "";
  z-index: 1;
  background-color: #003b1c;
  width: 100%;
  height: 100%;
  transition:
    all 0.125s cubic-bezier(0.33, 1, 0.68, 1),
    background-color 0.125s cubic-bezier(0.33, 1, 0.68, 1);
  position: absolute;
  top: 0;
  left: -100%;
}

.secondary-icon-button svg,
.secondary-icon-button .icon {
  z-index: 2;
  position: relative;
}

.secondary-icon-button:hover,
.secondary-icon-button:focus-visible {
  will-change: all;
  color: #fff;
  transition: all 0.125s cubic-bezier(0.33, 1, 0.68, 1);
}

.secondary-icon-button:hover::before,
.secondary-icon-button:focus-visible::before {
  left: 0;
}

.secondary-icon-button:focus-visible {
  outline-offset: 0.2rem;
  outline: 0.2rem solid #003b1c;
}

.secondary-icon-button:active {
  transform: scale(0.96);
}

.secondary-icon-button:disabled {
  opacity: 0.4;
  pointer-events: none;
}

.secondary-icon-button.highlight {
  color: #65ac1e;
  background-color: #0000;
  border-color: #65ac1e;
}

.secondary-icon-button.highlight::before {
  background-color: #65ac1e;
}

.secondary-icon-button.highlight:hover,
.secondary-icon-button.highlight:focus-visible {
  color: #003b1c;
}

.secondary-icon-button.highlight:focus-visible {
  outline: 0.2rem solid #65ac1e;
}

.pagination-counter {
  align-items: center;
  gap: var(--component-spacing-l);
  padding-top: var(--component-spacing-xl);
  flex-direction: column;
  display: flex;
}

.pagination-counter .content {
  color: #505950;
}

.pagination-counter.highlight .content {
  color: #d4d9d4;
}

.primary-button {
  will-change: transform;
  cursor: pointer;
  color: #fff;
  padding: var(--component-spacing-m) var(--component-spacing-xl);
  background-color: #003b1c;
  border: 0.2rem solid #003b1c;
  border-radius: 12rem;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  width: fit-content;
  text-decoration: none;
  transition: transform 0.15s ease-in-out;
  display: flex;
  position: relative;
  overflow: hidden;
}

.primary-button::before {
  will-change: all, background-color;
  content: "";
  z-index: 1;
  background-color: #fff;
  width: 100%;
  height: 100%;
  transition:
    all 0.125s cubic-bezier(0.33, 1, 0.68, 1),
    background-color 0.125s cubic-bezier(0.33, 1, 0.68, 1);
  position: absolute;
  top: 0;
  left: -100%;
}

.primary-button .button-icon,
.primary-button .button-label {
  z-index: 2;
  position: relative;
}

.primary-button:hover,
.primary-button:focus-visible {
  will-change: all;
  color: #003b1c;
  transition: all 0.125s cubic-bezier(0.33, 1, 0.68, 1);
}

.primary-button:hover::before,
.primary-button:focus-visible::before {
  left: 0;
}

.primary-button:focus-visible {
  outline-offset: 0.2rem;
  outline: 0.2rem solid #003b1c;
}

.primary-button:active {
  transform: scale(0.96);
}

.primary-button:disabled {
  opacity: 0.4;
  pointer-events: none;
}

.primary-button:hover .button-icon {
  transform: translateX(4px);
}

.primary-button .button-icon {
  will-change: transform;
  flex-shrink: 0;
  transition: transform 0.15s ease-in-out;
}

.primary-button .button-label {
  color: currentcolor;
}

.primary-button.highlight {
  color: #0a140a;
  background-color: #65ac1e;
  border-color: #65ac1e;
}

.primary-button.highlight::before {
  background-color: #003b1c;
}

.primary-button.highlight:hover,
.primary-button.highlight:focus-visible {
  color: #65ac1e;
}

.primary-button.highlight:focus-visible {
  outline: 0.2rem solid #65ac1e;
}

.secondary-button {
  cursor: pointer;
  color: #003b1c;
  padding: var(--component-spacing-m) var(--component-spacing-xl);
  will-change: all, background-position;
  background: linear-gradient(to right, #003b1c 50%, #fff 50%) 100% / 200% 100%;
  border: 0.2rem solid #003b1c;
  border-radius: 12rem;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  width: fit-content;
  text-decoration: none;
  transition:
    all 0.125s cubic-bezier(0.33, 1, 0.68, 1),
    background-position 0.125s cubic-bezier(0.33, 1, 0.68, 1);
  display: flex;
  position: relative;
}

.secondary-button .button-icon,
.secondary-button .button-label {
  z-index: 1;
  position: relative;
}

.secondary-button:hover,
.secondary-button:focus-visible {
  color: #fff;
  background-position: 0;
}

.secondary-button:focus-visible {
  outline-offset: 0.2rem;
  outline: 0.2rem solid #003b1c;
}

.secondary-button:active {
  transform: scale(0.96);
}

.secondary-button:disabled {
  opacity: 0.4;
  pointer-events: none;
}

.secondary-button:hover .button-icon {
  transform: translateX(4px);
}

.secondary-button .button-icon {
  will-change: transform;
  flex-shrink: 0;
  transition: transform 0.15s ease-in-out;
}

.secondary-button .button-label {
  color: currentcolor;
}

.secondary-button.highlight {
  color: #65ac1e;
  background: linear-gradient(to right, #65ac1e 50%, #0000 50%) 100% / 200% 100%;
  border-color: #65ac1e;
}

.secondary-button.highlight:hover,
.secondary-button.highlight:focus-visible {
  color: #003b1c;
  background-position: 0;
}

.secondary-button.highlight:focus-visible {
  outline: 0.2rem solid #65ac1e;
}

.text-button {
  will-change: transform;
  cursor: pointer;
  color: #003b1c;
  padding: var(--component-spacing-s) 0;
  background-color: #0000;
  border: none;
  border-radius: 0.4rem;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  width: fit-content;
  text-decoration: none;
  transition: transform 0.15s ease-in-out;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-button .text-button-label {
  color: currentcolor;
  position: relative;
  overflow: hidden;
}

.text-button .text-button-label::before {
  will-change: all;
  content: "";
  z-index: 1;
  border: 0;
  border-bottom: 0.2rem solid #003b1c;
  width: 100%;
  transition: all 0.25s cubic-bezier(0.33, 1, 0.68, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100%;
}

.text-button:hover .text-button-label::before,
.text-button:focus-visible .text-button-label::before,
.text-button:visited .text-button-label::before {
  left: 0;
}

.text-button:focus-visible {
  outline-offset: 0.2rem;
  outline: 0.2rem solid #003b1c;
}

.text-button:active {
  transform: scale(0.96);
}

.text-button:active .text-button-label::before {
  left: 0;
}

.text-button:disabled {
  opacity: 0.4;
  pointer-events: none;
}

.text-button:hover .button-icon {
  transform: translateX(4px);
}

.text-button .button-icon {
  will-change: transform;
  flex-shrink: 0;
  transition: transform 0.15s ease-in-out;
}

.text-button.highlight {
  color: #65ac1e;
  background-color: #003b1c;
}

.text-button.highlight:hover .text-button-label::before,
.text-button.highlight:focus-visible .text-button-label::before,
.text-button.highlight:visited .text-button-label::before {
  border-bottom-color: #65ac1e;
  left: 0;
}

.text-button.highlight:focus-visible {
  outline: 0.2rem solid #65ac1e;
}

:root {
  --grid-content-columns: 12;
  --content-padding: 2.4rem;
  --max-content-width: calc(120rem + (var(--content-padding) * 2));
  --max-footer-width: calc(144rem + (var(--content-padding) * 2));
  --component-no-spacing: none;
  --component-spacing-xxs: 0.2rem;
  --component-spacing-xs: 0.4rem;
  --component-spacing-s: 0.8rem;
  --component-spacing-m: 0.8rem;
  --component-spacing-l: 1.2rem;
  --component-spacing-xl: 1.6rem;
  --component-spacing-2xl: 2.4rem;
  --in-block-no-spacing: none;
  --in-block-3xs: 0.4rem;
  --in-block-2xs: 0.8rem;
  --in-block-xs: 1.6rem;
  --in-block-s: 2.4rem;
  --in-block-m: 2.4rem;
  --in-block-l: 3.2rem;
  --in-block-xl: 4rem;
  --in-page-no-spacing: none;
  --in-page-s: 1.6rem;
  --in-page-m: 3.2rem;
  --in-page-l: 4.8rem;
  --moss-green-color: #003b1c;
  --basf-dark-green-color: #00793a;
  --leaf-green-color: #65ac1e;
  --mint-green-color: #cce4d8;
  --white-color: #fff;
  --orange-color: #f39500;
  --grey-600-color: #0a140a;
  --grey-500-color: #505950;
  --grey-400-color: #6e786e;
  --grey-300-color: #a8b0a8;
  --grey-200-color: #d4d9d4;
  --grey-100-color: #f5f8f5;
  --success-light-color: #00a851;
  --success-dark-color: #008540;
  --error-light-color: #e20027;
  --error-dark-color: #ff657f;
  --warning-light-color: #e97400;
  --warning-dark-color: #b85c00;
  --one-trial-primary-color: #004a96;
  --one-trial-bar-light-color: #ccdce4;
  --one-trial-pill-amber: #ac651e;
  --one-trial-pill-blue: #1e65ac;
  --one-trial-pill-pink: #ac1e65;
}

:root
  .baseblock:not(.baseblock--noMargin)
  + .baseblock:not(.baseblock--noMargin) {
  margin-top: var(--in-page-l);
}

:root .baseblock.highlight + .baseblock.default-variant,
:root .baseblock.default-variant + .baseblock.highlight {
  margin-top: 0;
}

:root .content-holder {
  padding-left: var(--content-padding);
  padding-right: var(--content-padding);
  max-width: var(--max-content-width);
  margin-top: 27.45rem;
  margin-left: auto;
  margin-right: auto;
}

:root .h1-headline,
:root .contactTile__headline {
  font-size: clamp(4rem, 2.7379rem + 2.1vw, 6.1rem);
  line-height: 1.2;
}

:root .h2-headline,
:root .dynamicTeaser__headline {
  font-size: clamp(3.6rem, 2.8187rem + 1.3vw, 4.9rem);
  line-height: 1.3;
}

:root .h3-headline,
:root .teaserListItem__headline {
  font-size: clamp(3.2rem, 2.7793rem + 0.7vw, 3.9rem);
  line-height: 1.4;
}

:root .h4-headline,
:root .ProductCatalogHighlight__headlineTeaser {
  font-size: clamp(2.7rem, 2.4596rem + 0.4vw, 3.1rem);
  line-height: 1.4;
}

:root .h5-headline,
:root .productCard__headline,
:root .contactPersonCard__name,
:root .teaser-card .headline {
  font-size: clamp(2.2rem, 2.0197rem + 0.3vw, 2.5rem);
  line-height: 1.5;
}

:root .h6-headline,
:root .pestCropCard__headline,
:root .eventCard__headline,
:root .conversion-card .title {
  font-size: clamp(1.8rem, 1.6798rem + 0.2vw, 2rem);
  line-height: 1.5;
}

:root .quote-text {
  font-size: clamp(2.7rem, 2.4596rem + 0.4vw, 3.1rem);
  line-height: 1.4;
}

:root .paragraph-xxl,
:root .footer__tagline {
  font-size: 2.2rem;
  line-height: 1.5;
}

:root .paragraph-xl,
:root .footer__navHeading,
:root .footer__navLabel,
:root .contactTile__copy {
  font-size: 1.8rem;
  line-height: 1.6;
}

:root .paragraph-m,
:root .OneTrialOverlay__description,
:root .teaserListItem__tag,
:root .teaserListItem__date,
:root .teaserListItem__copy,
:root .newsletter-signup .copy,
:root .footer__disclaimerText,
:root .footer__legalLink,
:root .contactPersonCard__position,
:root .contact-teaser .copy,
:root .teaser-card .description,
:root .form-wrap input,
:root .form-wrap select,
:root .form-wrap textarea,
:root .input-dropdown select {
  font-size: 1.6rem;
  line-height: 1.7;
}

:root .paragraph-s,
:root .OneTrialMapSearch__address,
:root .OneTrialMapSearch__pill,
:root .OneTrialOverlay__subtitle,
:root .OneTrialOverlay__trialType,
:root .OneTrialOverlay__metaRow span,
:root .OneTrialCard__trialType,
:root .OneTrialCard__subtitle,
:root .OneTrialCard__date span:last-child,
:root .OneTrialCard__yieldLabel,
:root .OneTrialCard__barLabel span,
:root .productCard__category,
:root .productCard__benefit p,
:root .pestCropCard__latinname,
:root .gallery .disclaimer-note,
:root .eventCard__location,
:root .eventCard__date,
:root .privacy-banner__text {
  font-size: 1.4rem;
  line-height: 1.7;
}

:root .button-text {
  font-size: 1.6rem;
  line-height: 1.5;
}

:root .button-paragraph-s {
  font-size: 1.4rem;
  line-height: 1.3;
}

:root .button-link-text {
  font-size: 1.4rem;
  line-height: 1.2;
}

@media screen and (width >= 601px) {
  :root {
    --content-padding: 4rem;
  }
}

@media screen and (width >= 961px) {
  :root {
    --grid-content-columns: 24;
    --content-padding: 6.4rem;
    --component-spacing-xxs: 0.2rem;
    --component-spacing-xs: 0.4rem;
    --component-spacing-s: 0.8rem;
    --component-spacing-m: 1.2rem;
    --component-spacing-l: 1.6rem;
    --component-spacing-xl: 2.4rem;
    --component-spacing-2xl: 3.2rem;
    --in-block-2xs: 1.6rem;
    --in-block-xs: 2.4rem;
    --in-block-m: 3.2rem;
    --in-block-l: 4rem;
    --in-block-xl: 4.8rem;
    --in-page-s: 3.2rem;
    --in-page-m: 4.8rem;
    --in-page-l: 8rem;
  }
}

@media screen and (width >= 1281px) {
  :root {
    --content-padding: 8rem;
    --in-block-s: 3.2rem;
    --in-block-m: 4rem;
    --in-block-l: 4.8rem;
    --in-block-xl: 6.4rem;
    --in-page-s: 4rem;
    --in-page-m: 6.4rem;
    --in-page-l: 12rem;
  }
}

html {
  box-sizing: border-box;
  font-family: Roboto, sans-serif;
  font-size: 62.5%;
}

*,
::before,
::after {
  box-sizing: inherit;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

button,
input[type="submit"],
input[type="reset"] {
  color: inherit;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  background: none;
  border: none;
  padding: 0;
}

img {
  max-width: 100%;
  height: auto;
}

ol,
ul {
  padding-left: 2rem;
  padding-block: 0 !important;
  display: block !important;
}

ul {
  list-style: square;
}

ul li {
  position: relative;
}

ul li::marker {
  color: #003b1c;
}

ol {
  list-style: decimal;
}

a {
  color: inherit;
  text-decoration: none;
}

#storybook-root {
  padding: 0 !important;
}

.input-text input {
  padding: var(--component-spacing-m);
  white-space: nowrap;
  text-overflow: ellipsis;
  will-change: border-color;
  background: #fff;
  border: 0.2rem solid #003b1c;
  border-radius: 0.4rem;
  font-size: 1.6rem;
  line-height: 1.5;
  transition: border-color 0.125s cubic-bezier(0.33, 1, 0.68, 1);
  overflow: hidden;
}

.input-text input:not([disabled]):hover {
  border-color: #00793a;
}

.input-text input:focus-visible {
  outline: none;
}

.input-text input:focus {
  border-color: #00793a;
}

.input-text.has-right-icon input {
  padding-right: calc(
    var(--component-spacing-l) + 2.4rem + var(--component-spacing-m)
  );
}

.input-text.has-left-icon input {
  padding-left: calc(
    var(--component-spacing-l) + 2.4rem + var(--component-spacing-m)
  );
}

.input-text .input-wrap {
  position: relative;
}

.input-text .input-wrap i {
  color: #003b1c;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.input-text .input-wrap i.left-icon {
  left: var(--component-spacing-m);
}

.input-text .input-wrap i.right-icon {
  right: var(--component-spacing-m);
}

.input-text .input-wrap .inner-button {
  top: 50%;
  right: var(--component-spacing-m);
  position: absolute;
}

.input-text .input-wrap .inner-button i {
  position: unset;
}

.input-text .input-wrap .search-icons {
  align-items: center;
  gap: var(--component-spacing-xs);
  top: 50%;
  right: var(--component-spacing-s);
  background-color: #fff;
  display: flex;
  position: absolute;
  transform: translateY(-50%);
}

.input-text .input-wrap .search-icons .search-action-button {
  padding: var(--component-spacing-s);
}

.input-text .input-wrap .search-icons .ghost-icon-button {
  position: relative;
}

.input-text .input-wrap .search-icons .ghost-icon-button:last-child::before {
  content: "";
  left: calc(var(--component-spacing-xs) * -1);
  top: var(--component-spacing-xs);
  bottom: var(--component-spacing-xs);
  background-color: #003b1c;
  width: 1px;
  position: absolute;
}

.input-text .input-wrap .search-icons .ghost-icon-button i {
  position: relative;
  inset: auto;
  transform: none;
}

.input-text .input-wrap:hover::before {
  border-width: 0.3rem !important;
}

.input-text:focus-within .input-wrap {
  outline-offset: 0.2rem;
  border-radius: 0.4rem;
  outline: 0.2rem solid #003b1c;
}

.input-text.has-error:focus-within .input-wrap {
  outline-color: #e20027;
}

.input-text input::placeholder {
  color: #6e786e;
}

.input-text:not(.is-disabled) .input-wrap::before {
  content: "";
  box-sizing: content-box;
  z-index: -1;
  will-change: border-width;
  border: 0 solid #d4d9d4;
  border-radius: 0.7rem;
  width: calc(100% - 0.1rem);
  height: calc(100% - 0.1rem);
  transition: border-width 0.125s cubic-bezier(0.33, 1, 0.68, 1);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.input-text.has-error:not(.is-disabled) input {
  border: 1px solid #e20027;
}

.input-text.is-disabled .input-wrap,
.input-text.is-disabled label {
  opacity: 0.4;
}

.input-text .info {
  color: #505950;
}

.input-text .error-info {
  color: #e20027;
}

.input-text .info,
.input-text .error-info {
  align-items: center;
  gap: var(--component-spacing-xs);
  display: flex;
}

.input-text.highlight:focus-within .input-wrap {
  outline-color: #65ac1e;
}

.input-text.highlight label,
.input-text.highlight label button,
.input-text.highlight i,
.input-text.highlight input,
.input-text.highlight .info,
.input-text.highlight .error-info {
  color: #fff;
}

.input-text.highlight input::placeholder {
  color: #6e786e;
}

.input-text.highlight input {
  background: #003b1c;
  border: 0.2rem solid #fff;
}

.input-text.highlight input:not([disabled]):hover {
  border-color: #65ac1e;
}

.input-text.highlight input:focus-visible {
  outline: none;
}

.input-text.highlight input:focus {
  border-color: #65ac1e;
}

.input-text.highlight.has-error .error-info {
  color: #ff657f;
}

.input-dropdown select {
  color: #505950;
  appearance: none;
  width: 100%;
  padding: var(--component-spacing-m)
    calc(var(--component-spacing-m) + 2.4rem + var(--component-spacing-l));
  white-space: nowrap;
  text-overflow: ellipsis;
  will-change: border-color;
  background: #fff;
  border: 0.2rem solid #003b1c;
  border-radius: 0.4rem;
  transition: border-color 0.125s cubic-bezier(0.33, 1, 0.68, 1);
  overflow: hidden;
}

.input-dropdown select.no-input-icon {
  padding-left: var(--component-spacing-m);
}

.input-dropdown select:not([disabled]):hover {
  border-color: #00793a;
}

.input-dropdown select:focus-visible {
  color: #0a140a;
  border-color: #00793a;
  outline: none;
}

.input-dropdown select:active {
  color: #0a140a;
}

.input-dropdown select:disabled {
  pointer-events: none;
  opacity: unset;
}

.input-dropdown select:disabled i {
  opacity: 0.4;
  color: #003b1c;
}

.input-dropdown:focus-within .input-wrap {
  outline-offset: 0.2rem;
  border-radius: 0.4rem;
  outline: 0.2rem solid #003b1c;
}

.input-dropdown .ng-select.ng-select-opened .ng-select-container {
  border-color: #00793a;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: 0 0 0 0.2rem #003b1c;
}

.input-dropdown .ng-select.ng-select-opened .ng-dropdown-panel {
  border: 0.2rem solid #003b1c;
  border-top: 0;
  border-bottom-right-radius: 0.4rem;
  border-bottom-left-radius: 0.4rem;
}

.input-dropdown .input-wrap {
  color: #003b1c;
  font-size: 1.6rem;
  line-height: 1.7;
  position: relative;
}

.input-dropdown .input-wrap i {
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.input-dropdown .input-wrap i.search-icon {
  left: var(--component-spacing-m);
}

.input-dropdown .input-wrap i.chevron-down-icon {
  right: var(--component-spacing-m);
}

.input-dropdown .input-wrap:hover::before {
  border-width: 0.3rem !important;
}

.input-dropdown:not(.is-disabled) .input-wrap::before {
  content: "";
  box-sizing: content-box;
  z-index: -1;
  will-change: border-width;
  border: 0 solid #d4d9d4;
  border-radius: 0.7rem;
  width: calc(100% - 0.1rem);
  height: calc(100% - 0.1rem);
  transition: border-width 0.125s cubic-bezier(0.33, 1, 0.68, 1);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.input-dropdown.has-error:not(.is-disabled) select {
  border: 0.2rem solid #e20027;
}

.input-dropdown.has-error .error-info {
  color: #e20027;
}

.input-dropdown .info,
.input-dropdown .error-info {
  align-items: center;
  gap: var(--component-spacing-s);
  display: flex;
}

.input-dropdown.highlight select {
  color: #d4d9d4 !important;
}

.input-dropdown.highlight select:focus-visible {
  outline-offset: 0.2rem;
  outline: 0.2rem solid #65ac1e;
  color: #fff !important;
}

.input-dropdown.highlight:not(.is-disabled) .input-wrap::before {
  border: 0 solid #6e786e;
}

.input-textarea textarea {
  min-height: 16rem;
  padding: var(--component-spacing-m);
  will-change: border-color;
  background: #fff;
  border: 0.2rem solid #003b1c;
  border-radius: 0.4rem;
  transition: border-color 0.125s cubic-bezier(0.33, 1, 0.68, 1);
  display: block;
}

.input-textarea textarea:not([disabled]):hover {
  border-color: #00793a;
}

.input-textarea textarea:focus-visible {
  outline-color: #0000;
}

.input-textarea textarea:focus {
  border-color: #00793a;
}

.input-textarea.has-submit-icon textarea {
  padding-right: calc(
    var(--component-spacing-m) + 2.4rem + var(--component-spacing-l)
  ) !important;
}

.input-textarea .input-wrap {
  position: relative;
}

.input-textarea .input-wrap:hover::before {
  border-width: 0.5rem !important;
}

.input-textarea .input-wrap i {
  top: var(--component-spacing-m);
  right: var(--component-spacing-m);
  position: absolute;
}

.input-textarea:focus-within .input-wrap {
  outline-offset: 0.2rem;
  border-radius: 0.4rem;
  outline: 0.2rem solid #003b1c;
}

.input-textarea.has-error:focus-within .input-wrap {
  outline-color: #e20027;
}

.input-textarea:not(.is-disabled) .input-wrap::before {
  content: "";
  box-sizing: content-box;
  z-index: -1;
  will-change: border-width;
  border: 0 solid #d4d9d4;
  border-radius: 0.7rem;
  width: calc(100% - 0.2rem);
  height: calc(100% - 0.2rem);
  transition: border-width 0.125s cubic-bezier(0.33, 1, 0.68, 1);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.input-textarea.highlight:focus-within .input-wrap {
  outline-color: #65ac1e;
}

.input-textarea.highlight label,
.input-textarea.highlight label button,
.input-textarea.highlight i,
.input-textarea.highlight textarea,
.input-textarea.highlight .info,
.input-textarea.highlight .error-info {
  color: #fff;
}

.input-textarea.highlight textarea::placeholder {
  color: #6e786e;
}

.input-textarea.highlight textarea {
  background: #003b1c;
  border: 0.2rem solid #fff;
}

.input-textarea.highlight textarea:not([disabled]):hover {
  border-color: #65ac1e;
}

.input-textarea.highlight textarea:focus-visible {
  outline: none;
}

.input-textarea.highlight textarea:focus {
  border-color: #65ac1e;
}

.input-textarea.highlight.has-error .error-info i {
  color: #ff657f;
}

.input-checkbox input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.input-checkbox div {
  will-change: box-shadow, border-color;
  background-color: #fff;
  border: 2px solid #003b1c;
  border-radius: 2px;
  width: 16px;
  height: 16px;
  transition:
    box-shadow 0.125s cubic-bezier(0.33, 1, 0.68, 1),
    border-color 0.125s cubic-bezier(0.33, 1, 0.68, 1);
}

.input-checkbox:not(.is-disabled):hover input ~ div {
  border-color: #00793a;
  box-shadow: 0 0 0 3px #d4d9d4;
}

.input-checkbox input:checked ~ div {
  background-color: #00793a;
  border-color: #00793a;
}

.input-checkbox div::after {
  content: "";
  display: none;
  position: absolute;
}

.input-checkbox.is-disabled div {
  border-color: #003b1c;
}

.input-checkbox input:checked ~ div::after {
  border: 2px solid #fff;
  border-width: 0 2px 2px 0;
  width: 5px;
  height: 10px;
  display: block;
  top: 6px;
  left: 6px;
  transform: rotate(45deg);
}

.input-checkbox input:focus-visible ~ div {
  outline-offset: 0.3rem;
  outline: solid #003b1c;
}

.input-checkbox.highlight div {
  background-color: #0000;
  border: 2px solid #fff;
}

.input-checkbox.highlight:not(.is-disabled):hover input ~ div {
  border: 2px solid #65ac1e;
}

.input-checkbox.highlight input:checked ~ div {
  background-color: #65ac1e;
  border-color: #65ac1e;
}

.input-checkbox.highlight input:checked ~ div::after {
  border: 2px solid #003b1c;
  border-width: 0 2px 2px 0;
}

.input-checkbox.highlight input:focus-visible ~ div {
  border: 2px solid #65ac1e;
  outline: solid #65ac1e;
}

.input-checkbox.highlight span {
  color: #fff;
}

.input-checkbox.highlight.is-disabled div {
  border: 0.2rem solid #fff;
}

.input-radiobutton label {
  gap: var(--component-spacing-s) !important;
}

.input-radiobutton input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.input-radiobutton div {
  will-change: box-shadow, border-color;
  background-color: #fff;
  border: 2px solid #003b1c;
  border-radius: 50%;
  width: 1.6rem;
  height: 1.6rem;
  transition:
    box-shadow 0.125s cubic-bezier(0.33, 1, 0.68, 1),
    border-color 0.125s cubic-bezier(0.33, 1, 0.68, 1);
  position: relative;
}

.input-radiobutton:not(.is-disabled):hover input ~ div {
  border: 2px solid #00793a;
  box-shadow: 0 0 0 3px #d4d9d4;
}

.input-radiobutton input:checked ~ div {
  border-color: #00793a;
}

.input-radiobutton div::after {
  content: "";
  display: none;
  position: absolute;
}

.input-radiobutton input:checked ~ div::after {
  background-color: #fff;
  border: 3px solid #00793a;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
}

.input-radiobutton input:focus-visible ~ div {
  outline-offset: 0.3rem;
  outline: solid #003b1c;
}

.input-radiobutton.highlight div {
  background-color: #0000;
  border: 2px solid #fff;
}

.input-radiobutton.highlight:not(.is-disabled):hover input ~ div {
  border-color: #65ac1e;
  box-shadow: 0 0 0 3px #6e786e;
}

.input-radiobutton.highlight input:checked ~ div {
  background-color: #65ac1e;
  border-color: #65ac1e;
}

.input-radiobutton.highlight input:checked ~ div::after {
  background-color: #003b1c;
  border: 3px solid #65ac1e;
}

.input-radiobutton.highlight input:focus-visible ~ div {
  outline: solid #65ac1e;
}

.input-radiobutton.highlight span {
  color: #fff;
}

.form-wrap {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.form-wrap label {
  align-items: center;
  gap: var(--component-spacing-xs);
  -webkit-user-select: none;
  user-select: none;
  display: flex;
  position: relative;
}

.form-wrap label button {
  appearance: none;
  color: #00793a;
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  display: flex;
}

.form-wrap input {
  width: 100%;
}

.form-wrap.input-radiobutton label,
.form-wrap.input-checkbox label {
  gap: var(--component-spacing-s) !important;
}

.form-wrap .info,
.form-wrap .error-info {
  align-items: center;
  gap: var(--component-spacing-xs);
  display: flex;
}

.form-wrap .info {
  color: #505950;
}

.form-wrap .error-info {
  color: #e20027;
}

.form-wrap.has-error:not(.is-disabled) textarea,
.form-wrap.has-error:not(.is-disabled) input,
.form-wrap.has-error:not(.is-disabled) select,
.form-wrap.has-error:not(.is-disabled) .input-wrap div {
  border: 0.2rem solid #e20027;
}

.form-wrap.is-disabled .input-wrap,
.form-wrap.is-disabled label {
  opacity: 0.4;
}

.form-wrap .tooltip-icon {
  display: flex;
  position: relative;
}

.form-wrap .tooltip-icon .close-icon {
  color: #0a140a;
  margin-left: 1rem;
}

.form-wrap .tooltip-icon .tooltip-text {
  will-change: all;
  text-align: left;
  max-width: 30rem;
  padding: var(--component-spacing-xxs) var(--component-spacing-xs);
  color: #0a140a;
  visibility: hidden;
  z-index: 1;
  opacity: 0;
  background-color: #fff;
  border: 0.1rem solid #6e786e;
  border-radius: 0.2rem;
  align-items: start;
  width: max-content;
  font-size: 1.4rem;
  line-height: 1.7;
  transition: all 0.125s cubic-bezier(0.33, 1, 0.68, 1);
  display: flex;
  position: absolute;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
}

.form-wrap .tooltip-icon:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

@media screen and (width >= 601px) {
  .form-wrap .close-icon {
    display: none;
  }
}

.highlight .input-textarea:focus-within .input-wrap,
.highlight .input-text:focus-within .input-wrap,
.highlight .input-dropdown:focus-within .input-wrap {
  outline-color: #65ac1e;
}

.highlight .input-textarea label,
.highlight .input-textarea label button,
.highlight .input-textarea i,
.highlight .input-textarea textarea,
.highlight .input-textarea input,
.highlight .input-textarea select,
.highlight .input-textarea .info,
.highlight .input-textarea .error-info,
.highlight .input-text label,
.highlight .input-text label button,
.highlight .input-text i,
.highlight .input-text textarea,
.highlight .input-text input,
.highlight .input-text select,
.highlight .input-text .info,
.highlight .input-text .error-info,
.highlight .input-dropdown label,
.highlight .input-dropdown label button,
.highlight .input-dropdown i,
.highlight .input-dropdown textarea,
.highlight .input-dropdown input,
.highlight .input-dropdown select,
.highlight .input-dropdown .info,
.highlight .input-dropdown .error-info {
  color: #fff;
}

.highlight .input-textarea textarea::placeholder,
.highlight .input-textarea input::placeholder,
.highlight .input-text textarea::placeholder,
.highlight .input-text input::placeholder,
.highlight .input-dropdown textarea::placeholder,
.highlight .input-dropdown input::placeholder {
  color: #d4d9d4;
}

.highlight .input-textarea textarea,
.highlight .input-textarea input,
.highlight .input-textarea select,
.highlight .input-text textarea,
.highlight .input-text input,
.highlight .input-text select,
.highlight .input-dropdown textarea,
.highlight .input-dropdown input,
.highlight .input-dropdown select {
  background: #003b1c;
  border: 0.2rem solid #fff;
}

.highlight .input-textarea textarea:not([disabled]):hover,
.highlight .input-textarea input:not([disabled]):hover,
.highlight .input-textarea select:not([disabled]):hover,
.highlight .input-text textarea:not([disabled]):hover,
.highlight .input-text input:not([disabled]):hover,
.highlight .input-text select:not([disabled]):hover,
.highlight .input-dropdown textarea:not([disabled]):hover,
.highlight .input-dropdown input:not([disabled]):hover,
.highlight .input-dropdown select:not([disabled]):hover,
.highlight .input-textarea textarea:focus,
.highlight .input-textarea input:focus,
.highlight .input-textarea select:focus,
.highlight .input-text textarea:focus,
.highlight .input-text input:focus,
.highlight .input-text select:focus,
.highlight .input-dropdown textarea:focus,
.highlight .input-dropdown input:focus,
.highlight .input-dropdown select:focus {
  border-color: #65ac1e;
}

.highlight .input-textarea .error-info i,
.highlight .input-text .error-info i,
.highlight .input-dropdown .error-info i,
.highlight .input-textarea.has-error .error-info,
.highlight .input-text.has-error .error-info,
.highlight .input-dropdown.has-error .error-info {
  color: #ff657f;
}

.highlight .input-textarea.has-error textarea,
.highlight .input-textarea.has-error input,
.highlight .input-textarea.has-error select,
.highlight .input-text.has-error textarea,
.highlight .input-text.has-error input,
.highlight .input-text.has-error select,
.highlight .input-dropdown.has-error textarea,
.highlight .input-dropdown.has-error input,
.highlight .input-dropdown.has-error select,
.highlight .input-textarea.has-error textarea:hover,
.highlight .input-textarea.has-error textarea:focus,
.highlight .input-textarea.has-error input:hover,
.highlight .input-textarea.has-error input:focus,
.highlight .input-textarea.has-error select:hover,
.highlight .input-textarea.has-error select:focus,
.highlight .input-text.has-error textarea:hover,
.highlight .input-text.has-error textarea:focus,
.highlight .input-text.has-error input:hover,
.highlight .input-text.has-error input:focus,
.highlight .input-text.has-error select:hover,
.highlight .input-text.has-error select:focus,
.highlight .input-dropdown.has-error textarea:hover,
.highlight .input-dropdown.has-error textarea:focus,
.highlight .input-dropdown.has-error input:hover,
.highlight .input-dropdown.has-error input:focus,
.highlight .input-dropdown.has-error select:hover,
.highlight .input-dropdown.has-error select:focus {
  border-color: #ff657f;
}

.highlight .input-textarea.has-error:focus-within .input-wrap,
.highlight .input-text.has-error:focus-within .input-wrap,
.highlight .input-dropdown.has-error:focus-within .input-wrap {
  outline-color: #ff657f;
}

.highlight .tooltip-text {
  background-color: #fff;
}

.privacy-banner {
  width: 100%;
  padding: var(--in-block-m);
  aspect-ratio: 16 / 9;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.privacy-banner__background {
  position: absolute;
  inset: 0;
}

.privacy-banner__background::before {
  content: "";
  z-index: 9;
  opacity: 0.6;
  background-color: #fff;
  position: absolute;
  inset: 0;
}

.privacy-banner__background::after {
  content: "";
  z-index: 10;
  opacity: 0.6;
  background-color: #003b1c;
  position: absolute;
  inset: 0;
}

.privacy-banner__background-image {
  object-fit: cover;
  z-index: 5;
  width: 100%;
  height: 100%;
}

.privacy-banner__content {
  z-index: 20;
  align-items: center;
  gap: var(--in-block-xs);
  width: 100%;
  height: auto;
  padding: var(--in-block-s) var(--in-block-m);
  background-color: #fff;
  flex-flow: column;
  display: flex;
}

@media screen and (width >= 961px) {
  .privacy-banner__content {
    max-width: 72rem;
  }
}

.privacy-banner__content
  a:not(.primary-button):not(.secondary-button):not(.text-button) {
  color: #003b1c;
  text-decoration: underline;
}

.privacy-banner__content
  a:not(.primary-button):not(.secondary-button):not(.text-button):hover,
.privacy-banner__content
  a:not(.primary-button):not(.secondary-button):not(
    .text-button
  ):focus-visible {
  color: #00793a;
}

.privacy-banner__content
  a:not(.primary-button):not(.secondary-button):not(
    .text-button
  ):focus-visible {
  outline-offset: 0.3rem;
  border-radius: 0.4rem;
  outline: 0.2rem solid #003b1c;
}

.privacy-banner__text {
  text-align: center;
  color: #0a140a;
  width: 100%;
}

.privacy-banner__actions {
  justify-content: center;
  width: 100%;
  display: flex;
}

.text-link,
.rich-text a:not(.primary-button):not(.secondary-button):not(.text-button),
.rich-text.highlight
  a:not(.primary-button):not(.secondary-button):not(.text-button) {
  color: #00793a;
  text-underline-offset: 0.2rem;
  text-decoration: underline;
}

.text-link[target="_blank"],
.rich-text
  a[target="_blank"]:not(.primary-button):not(.secondary-button):not(
    .text-button
  ) {
  align-items: center;
  gap: 0.4rem;
  display: inline-flex;
}

.text-link[target="_blank"]::after,
.rich-text
  a[target="_blank"]:not(.primary-button):not(.secondary-button):not(
    .text-button
  )::after {
  content: "";
  background-color: currentcolor;
  flex-shrink: 0;
  width: 1.6rem;
  height: 1.6rem;
  display: inline-block;
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M14.5 4H20V9.5M20 4L12.5 11.5M18 12V20H4V6H12' stroke='%23003B1C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E %3C/svg%3E");
  mask-position: center;
  mask-size: 100%;
  mask-repeat: no-repeat;
}

.text-link:visited,
.rich-text
  a:visited:not(.primary-button):not(.secondary-button):not(.text-button) {
  color: inherit;
}

.text-link:hover,
.rich-text
  a:hover:not(.primary-button):not(.secondary-button):not(.text-button) {
  color: #003b1c;
  text-decoration: none;
}

.text-link:focus-visible,
.rich-text
  a:focus-visible:not(.primary-button):not(.secondary-button):not(
    .text-button
  ) {
  color: #003b1c;
  outline-offset: 0.3rem;
  border-radius: 0.4rem;
  outline: 0.2rem solid #003b1c;
  text-decoration: none;
}

.highlight .text-link,
.highlight
  .rich-text
  a:not(.primary-button):not(.secondary-button):not(.text-button),
.rich-text
  .highlight
  a:not(.primary-button):not(.secondary-button):not(.text-button),
.rich-text.highlight
  a:not(.primary-button):not(.secondary-button):not(.text-button) {
  color: #fff;
}

.highlight .text-link:visited,
.highlight
  .rich-text
  a:visited:not(.primary-button):not(.secondary-button):not(.text-button),
.rich-text
  .highlight
  a:visited:not(.primary-button):not(.secondary-button):not(.text-button) {
  color: inherit;
}

.highlight .text-link:hover,
.highlight
  .rich-text
  a:hover:not(.primary-button):not(.secondary-button):not(.text-button),
.rich-text
  .highlight
  a:hover:not(.primary-button):not(.secondary-button):not(.text-button) {
  color: inherit;
  text-decoration: none;
}

.highlight .text-link:focus-visible,
.highlight
  .rich-text
  a:focus-visible:not(.primary-button):not(.secondary-button):not(.text-button),
.rich-text
  .highlight
  a:focus-visible:not(.primary-button):not(.secondary-button):not(
    .text-button
  ) {
  color: inherit;
  outline-offset: 0.3rem;
  border-radius: 0.4rem;
  outline: 0.2rem solid #65ac1e;
  text-decoration: none;
}

.rich-text {
  font-size: 1.6rem;
  line-height: 1.7;
}

.rich-text h2 {
  color: #003b1c;
  margin-bottom: var(--in-block-xs);
}

.rich-text h2:has(+ .button-section),
.rich-text h2:last-child {
  margin-bottom: 0;
}

.rich-text h3,
.rich-text h4,
.rich-text h5,
.rich-text h6 {
  color: #003b1c;
  margin-bottom: var(--in-block-2xs);
}

.rich-text h3:has(+ .button-section),
.rich-text h3:last-child,
.rich-text h4:has(+ .button-section),
.rich-text h4:last-child,
.rich-text h5:has(+ .button-section),
.rich-text h5:last-child,
.rich-text h6:has(+ .button-section),
.rich-text h6:last-child {
  margin-bottom: 0;
}

.rich-text p,
.rich-text ul,
.rich-text ol {
  margin-bottom: var(--in-block-s);
}

.rich-text p:has(+ .button-section),
.rich-text p:last-child,
.rich-text ul:has(+ .button-section),
.rich-text ul:last-child,
.rich-text ol:has(+ .button-section),
.rich-text ol:last-child {
  margin-bottom: 0;
}

.rich-text li + li {
  margin-top: var(--component-spacing-m);
}

.rich-text .button-section {
  gap: var(--in-block-2xs);
  margin-top: var(--in-block-l);
  flex-wrap: wrap;
  display: flex;
}

.rich-text.highlight,
.rich-text.highlight h2,
.rich-text.highlight h3,
.rich-text.highlight h4,
.rich-text.highlight h5,
.rich-text.highlight h6,
.rich-text.highlight
  a:not(.primary-button):not(.secondary-button):not(.text-button) {
  color: #fff;
}

.rich-text.highlight
  a:not(.primary-button):not(.secondary-button):not(.text-button):visited,
.rich-text.highlight
  a:not(.primary-button):not(.secondary-button):not(.text-button):hover {
  color: inherit;
}

.rich-text.highlight
  a:not(.primary-button):not(.secondary-button):not(
    .text-button
  ):focus-visible {
  color: inherit;
  outline-color: #65ac1e;
}

.slider-navigation {
  will-change: transform;
  gap: var(--component-spacing-m);
  transition: transform 0.15s ease-in-out;
  display: flex;
}

.slider-navigation .slider-button {
  cursor: pointer;
  width: 0.8rem;
  height: 0.8rem;
  padding: unset;
  margin: unset;
  will-change: box-shadow;
  background-color: #a8b0a8;
  border: none;
  border-radius: 0.2rem;
  transition: box-shadow 0.125s cubic-bezier(0.33, 1, 0.68, 1);
}

.slider-navigation .slider-button:focus-visible {
  outline-offset: 0.2rem;
  outline: 0.1rem solid #003b1c;
}

.slider-navigation .slider-button:focus-within {
  background-color: #00793a;
}

.slider-navigation .slider-button:hover,
.slider-navigation .slider-button.is-active {
  background-color: #00793a;
  box-shadow: 0 0 0 3px #d4d9d4;
}

.slider-navigation.highlight .slider-button {
  background-color: #d4d9d4;
}

.slider-navigation.highlight .slider-button:focus-within {
  background-color: #65ac1e;
}

.slider-navigation.highlight .slider-button:focus-visible {
  background-color: #fff;
  outline: 0.1rem solid #65ac1e;
}

.slider-navigation.highlight .slider-button:hover:not(:focus-within) {
  background-color: #fff;
  box-shadow: 0 0 0 3px #6e786e;
}

.slider-navigation.highlight .slider-button.is-active {
  background-color: #65ac1e;
  box-shadow: 0 0 0 3px #6e786e;
}

.snackbar {
  padding: var(--component-spacing-xs) var(--component-spacing-xs)
    var(--component-spacing-xs) var(--component-spacing-xl);
  gap: var(--component-spacing-l);
  background-color: #fff;
  border: 0.1rem solid #6e786e;
  border-radius: 0.2rem;
  align-items: center;
  font-size: 1.6rem;
  line-height: 1.7;
  display: flex;
}

.snackbar .snackbar__question-section {
  align-items: center;
  gap: var(--component-spacing-s);
  color: #6e786e;
  display: none;
}

.snackbar .snackbar__question {
  color: #505950;
}

.snackbar .snackbar__back-to-result {
  cursor: pointer;
  color: #003b1c;
  text-decoration: underline;
}

.snackbar .snackbar__back-to-result:hover,
.snackbar .snackbar__back-to-result:focus-visible {
  color: #00793a;
}

.snackbar .snackbar__back-to-result:focus-visible {
  outline-offset: 0.3rem;
  border-radius: 0.4rem;
  outline: 0.2rem solid #003b1c;
}

@media screen and (width >= 961px) {
  .snackbar .snackbar__question-section {
    display: flex;
  }
}

.tabs .tabs-holder {
  grid-column-end: span var(--grid-total-columns);
  display: block;
}

.tabs.size-s .tab-label {
  font-size: clamp(1.8rem, 1.6798rem + 0.2vw, 2rem);
  line-height: 1.5;
}

.tabs.size-l .tab-label {
  font-size: clamp(2.7rem, 2.4596rem + 0.4vw, 3.1rem);
  line-height: 1.4;
}

.tabs.highlight .tabs-holder .tab-label {
  color: #fff;
}

.tabs.highlight .tabs-holder .tab-label:hover,
.tabs.highlight .tabs-holder .tab-label:focus-visible {
  color: #65ac1e;
}

.tabs.highlight .tabs-holder .tab-label:focus-visible {
  outline: 0.1rem solid #65ac1e;
}

.tabs.highlight .tabs-holder .underline {
  background-color: #65ac1e;
}

.tabs-section-desktop {
  display: none;
}

.tabs-section-desktop .tab-label {
  text-align: center;
  margin: var(--component-spacing-m) 0;
  cursor: pointer;
  z-index: 1;
  flex: 1;
  padding-inline: 0.5rem;
  position: relative;
}

.tabs-section-desktop .tab-label:hover,
.tabs-section-desktop .tab-label:focus-visible {
  color: #00793a;
}

.tabs-section-desktop .tab-label:focus-visible {
  border-radius: 0.4rem;
  outline: 0.1rem solid #003b1c;
}

.tabs-section-desktop input[type="radio"] {
  display: none;
}

.tabs-section-desktop.force-tab-view {
  gap: calc(var(--in-block-s) - 1rem);
  border-bottom: 0.1rem solid #d4d9d4;
  display: flex;
  position: relative;
}

.tabs-section-desktop.force-tab-view .tab-label {
  white-space: nowrap;
}

.tabs-section-desktop .underline,
.tabs-section-desktop .underline-section1 {
  will-change: left;
  z-index: 0;
  background-color: #00793a;
  height: 0.4rem;
  transition: left 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  position: absolute;
  bottom: 0;
}

.tabs-section-desktop #tab1-section1:checked ~ .underline-section1 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (0) / var(--number-of-tabs));
}

.tabs-section-desktop #tab2-section1:checked ~ .underline-section1 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (1) / var(--number-of-tabs));
}

.tabs-section-desktop #tab3-section1:checked ~ .underline-section1 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (2) / var(--number-of-tabs));
}

.tabs-section-desktop #tab4-section1:checked ~ .underline-section1 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (3) / var(--number-of-tabs));
}

.tabs-section-desktop #tab5-section1:checked ~ .underline-section1 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (4) / var(--number-of-tabs));
}

.tabs-section-desktop #tab6-section1:checked ~ .underline-section1 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (5) / var(--number-of-tabs));
}

.tabs-section-desktop #tab7-section1:checked ~ .underline-section1 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (6) / var(--number-of-tabs));
}

.tabs-section-desktop #tab8-section1:checked ~ .underline-section1 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (7) / var(--number-of-tabs));
}

.tabs-section-desktop #tab9-section1:checked ~ .underline-section1 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (8) / var(--number-of-tabs));
}

.tabs-section-desktop #tab10-section1:checked ~ .underline-section1 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (9) / var(--number-of-tabs));
}

.tabs-section-desktop .underline-section2 {
  will-change: left;
  z-index: 0;
  background-color: #00793a;
  height: 0.4rem;
  transition: left 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  position: absolute;
  bottom: 0;
}

.tabs-section-desktop #tab1-section2:checked ~ .underline-section2 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (0) / var(--number-of-tabs));
}

.tabs-section-desktop #tab2-section2:checked ~ .underline-section2 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (1) / var(--number-of-tabs));
}

.tabs-section-desktop #tab3-section2:checked ~ .underline-section2 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (2) / var(--number-of-tabs));
}

.tabs-section-desktop #tab4-section2:checked ~ .underline-section2 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (3) / var(--number-of-tabs));
}

.tabs-section-desktop #tab5-section2:checked ~ .underline-section2 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (4) / var(--number-of-tabs));
}

.tabs-section-desktop #tab6-section2:checked ~ .underline-section2 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (5) / var(--number-of-tabs));
}

.tabs-section-desktop #tab7-section2:checked ~ .underline-section2 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (6) / var(--number-of-tabs));
}

.tabs-section-desktop #tab8-section2:checked ~ .underline-section2 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (7) / var(--number-of-tabs));
}

.tabs-section-desktop #tab9-section2:checked ~ .underline-section2 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (8) / var(--number-of-tabs));
}

.tabs-section-desktop #tab10-section2:checked ~ .underline-section2 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (9) / var(--number-of-tabs));
}

.tabs-section-desktop .underline-section3 {
  will-change: left;
  z-index: 0;
  background-color: #00793a;
  height: 0.4rem;
  transition: left 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  position: absolute;
  bottom: 0;
}

.tabs-section-desktop #tab1-section3:checked ~ .underline-section3 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (0) / var(--number-of-tabs));
}

.tabs-section-desktop #tab2-section3:checked ~ .underline-section3 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (1) / var(--number-of-tabs));
}

.tabs-section-desktop #tab3-section3:checked ~ .underline-section3 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (2) / var(--number-of-tabs));
}

.tabs-section-desktop #tab4-section3:checked ~ .underline-section3 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (3) / var(--number-of-tabs));
}

.tabs-section-desktop #tab5-section3:checked ~ .underline-section3 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (4) / var(--number-of-tabs));
}

.tabs-section-desktop #tab6-section3:checked ~ .underline-section3 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (5) / var(--number-of-tabs));
}

.tabs-section-desktop #tab7-section3:checked ~ .underline-section3 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (6) / var(--number-of-tabs));
}

.tabs-section-desktop #tab8-section3:checked ~ .underline-section3 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (7) / var(--number-of-tabs));
}

.tabs-section-desktop #tab9-section3:checked ~ .underline-section3 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (8) / var(--number-of-tabs));
}

.tabs-section-desktop #tab10-section3:checked ~ .underline-section3 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (9) / var(--number-of-tabs));
}

.tabs-section-desktop .underline-section4 {
  will-change: left;
  z-index: 0;
  background-color: #00793a;
  height: 0.4rem;
  transition: left 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  position: absolute;
  bottom: 0;
}

.tabs-section-desktop #tab1-section4:checked ~ .underline-section4 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (0) / var(--number-of-tabs));
}

.tabs-section-desktop #tab2-section4:checked ~ .underline-section4 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (1) / var(--number-of-tabs));
}

.tabs-section-desktop #tab3-section4:checked ~ .underline-section4 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (2) / var(--number-of-tabs));
}

.tabs-section-desktop #tab4-section4:checked ~ .underline-section4 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (3) / var(--number-of-tabs));
}

.tabs-section-desktop #tab5-section4:checked ~ .underline-section4 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (4) / var(--number-of-tabs));
}

.tabs-section-desktop #tab6-section4:checked ~ .underline-section4 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (5) / var(--number-of-tabs));
}

.tabs-section-desktop #tab7-section4:checked ~ .underline-section4 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (6) / var(--number-of-tabs));
}

.tabs-section-desktop #tab8-section4:checked ~ .underline-section4 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (7) / var(--number-of-tabs));
}

.tabs-section-desktop #tab9-section4:checked ~ .underline-section4 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (8) / var(--number-of-tabs));
}

.tabs-section-desktop #tab10-section4:checked ~ .underline-section4 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (9) / var(--number-of-tabs));
}

.tabs-section-desktop .underline-section5 {
  will-change: left;
  z-index: 0;
  background-color: #00793a;
  height: 0.4rem;
  transition: left 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  position: absolute;
  bottom: 0;
}

.tabs-section-desktop #tab1-section5:checked ~ .underline-section5 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (0) / var(--number-of-tabs));
}

.tabs-section-desktop #tab2-section5:checked ~ .underline-section5 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (1) / var(--number-of-tabs));
}

.tabs-section-desktop #tab3-section5:checked ~ .underline-section5 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (2) / var(--number-of-tabs));
}

.tabs-section-desktop #tab4-section5:checked ~ .underline-section5 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (3) / var(--number-of-tabs));
}

.tabs-section-desktop #tab5-section5:checked ~ .underline-section5 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (4) / var(--number-of-tabs));
}

.tabs-section-desktop #tab6-section5:checked ~ .underline-section5 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (5) / var(--number-of-tabs));
}

.tabs-section-desktop #tab7-section5:checked ~ .underline-section5 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (6) / var(--number-of-tabs));
}

.tabs-section-desktop #tab8-section5:checked ~ .underline-section5 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (7) / var(--number-of-tabs));
}

.tabs-section-desktop #tab9-section5:checked ~ .underline-section5 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (8) / var(--number-of-tabs));
}

.tabs-section-desktop #tab10-section5:checked ~ .underline-section5 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (9) / var(--number-of-tabs));
}

.tabs-section-desktop .underline-section6 {
  will-change: left;
  z-index: 0;
  background-color: #00793a;
  height: 0.4rem;
  transition: left 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  position: absolute;
  bottom: 0;
}

.tabs-section-desktop #tab1-section6:checked ~ .underline-section6 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (0) / var(--number-of-tabs));
}

.tabs-section-desktop #tab2-section6:checked ~ .underline-section6 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (1) / var(--number-of-tabs));
}

.tabs-section-desktop #tab3-section6:checked ~ .underline-section6 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (2) / var(--number-of-tabs));
}

.tabs-section-desktop #tab4-section6:checked ~ .underline-section6 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (3) / var(--number-of-tabs));
}

.tabs-section-desktop #tab5-section6:checked ~ .underline-section6 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (4) / var(--number-of-tabs));
}

.tabs-section-desktop #tab6-section6:checked ~ .underline-section6 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (5) / var(--number-of-tabs));
}

.tabs-section-desktop #tab7-section6:checked ~ .underline-section6 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (6) / var(--number-of-tabs));
}

.tabs-section-desktop #tab8-section6:checked ~ .underline-section6 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (7) / var(--number-of-tabs));
}

.tabs-section-desktop #tab9-section6:checked ~ .underline-section6 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (8) / var(--number-of-tabs));
}

.tabs-section-desktop #tab10-section6:checked ~ .underline-section6 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (9) / var(--number-of-tabs));
}

.tabs-section-desktop .underline-section7 {
  will-change: left;
  z-index: 0;
  background-color: #00793a;
  height: 0.4rem;
  transition: left 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  position: absolute;
  bottom: 0;
}

.tabs-section-desktop #tab1-section7:checked ~ .underline-section7 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (0) / var(--number-of-tabs));
}

.tabs-section-desktop #tab2-section7:checked ~ .underline-section7 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (1) / var(--number-of-tabs));
}

.tabs-section-desktop #tab3-section7:checked ~ .underline-section7 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (2) / var(--number-of-tabs));
}

.tabs-section-desktop #tab4-section7:checked ~ .underline-section7 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (3) / var(--number-of-tabs));
}

.tabs-section-desktop #tab5-section7:checked ~ .underline-section7 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (4) / var(--number-of-tabs));
}

.tabs-section-desktop #tab6-section7:checked ~ .underline-section7 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (5) / var(--number-of-tabs));
}

.tabs-section-desktop #tab7-section7:checked ~ .underline-section7 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (6) / var(--number-of-tabs));
}

.tabs-section-desktop #tab8-section7:checked ~ .underline-section7 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (7) / var(--number-of-tabs));
}

.tabs-section-desktop #tab9-section7:checked ~ .underline-section7 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (8) / var(--number-of-tabs));
}

.tabs-section-desktop #tab10-section7:checked ~ .underline-section7 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (9) / var(--number-of-tabs));
}

.tabs-section-desktop .underline-section8 {
  will-change: left;
  z-index: 0;
  background-color: #00793a;
  height: 0.4rem;
  transition: left 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  position: absolute;
  bottom: 0;
}

.tabs-section-desktop #tab1-section8:checked ~ .underline-section8 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (0) / var(--number-of-tabs));
}

.tabs-section-desktop #tab2-section8:checked ~ .underline-section8 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (1) / var(--number-of-tabs));
}

.tabs-section-desktop #tab3-section8:checked ~ .underline-section8 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (2) / var(--number-of-tabs));
}

.tabs-section-desktop #tab4-section8:checked ~ .underline-section8 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (3) / var(--number-of-tabs));
}

.tabs-section-desktop #tab5-section8:checked ~ .underline-section8 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (4) / var(--number-of-tabs));
}

.tabs-section-desktop #tab6-section8:checked ~ .underline-section8 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (5) / var(--number-of-tabs));
}

.tabs-section-desktop #tab7-section8:checked ~ .underline-section8 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (6) / var(--number-of-tabs));
}

.tabs-section-desktop #tab8-section8:checked ~ .underline-section8 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (7) / var(--number-of-tabs));
}

.tabs-section-desktop #tab9-section8:checked ~ .underline-section8 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (8) / var(--number-of-tabs));
}

.tabs-section-desktop #tab10-section8:checked ~ .underline-section8 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (9) / var(--number-of-tabs));
}

.tabs-section-desktop .underline-section9 {
  will-change: left;
  z-index: 0;
  background-color: #00793a;
  height: 0.4rem;
  transition: left 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  position: absolute;
  bottom: 0;
}

.tabs-section-desktop #tab1-section9:checked ~ .underline-section9 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (0) / var(--number-of-tabs));
}

.tabs-section-desktop #tab2-section9:checked ~ .underline-section9 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (1) / var(--number-of-tabs));
}

.tabs-section-desktop #tab3-section9:checked ~ .underline-section9 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (2) / var(--number-of-tabs));
}

.tabs-section-desktop #tab4-section9:checked ~ .underline-section9 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (3) / var(--number-of-tabs));
}

.tabs-section-desktop #tab5-section9:checked ~ .underline-section9 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (4) / var(--number-of-tabs));
}

.tabs-section-desktop #tab6-section9:checked ~ .underline-section9 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (5) / var(--number-of-tabs));
}

.tabs-section-desktop #tab7-section9:checked ~ .underline-section9 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (6) / var(--number-of-tabs));
}

.tabs-section-desktop #tab8-section9:checked ~ .underline-section9 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (7) / var(--number-of-tabs));
}

.tabs-section-desktop #tab9-section9:checked ~ .underline-section9 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (8) / var(--number-of-tabs));
}

.tabs-section-desktop #tab10-section9:checked ~ .underline-section9 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (9) / var(--number-of-tabs));
}

.tabs-section-desktop .underline-section10 {
  will-change: left;
  z-index: 0;
  background-color: #00793a;
  height: 0.4rem;
  transition: left 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  position: absolute;
  bottom: 0;
}

.tabs-section-desktop #tab1-section10:checked ~ .underline-section10 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (0) / var(--number-of-tabs));
}

.tabs-section-desktop #tab2-section10:checked ~ .underline-section10 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (1) / var(--number-of-tabs));
}

.tabs-section-desktop #tab3-section10:checked ~ .underline-section10 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (2) / var(--number-of-tabs));
}

.tabs-section-desktop #tab4-section10:checked ~ .underline-section10 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (3) / var(--number-of-tabs));
}

.tabs-section-desktop #tab5-section10:checked ~ .underline-section10 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (4) / var(--number-of-tabs));
}

.tabs-section-desktop #tab6-section10:checked ~ .underline-section10 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (5) / var(--number-of-tabs));
}

.tabs-section-desktop #tab7-section10:checked ~ .underline-section10 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (6) / var(--number-of-tabs));
}

.tabs-section-desktop #tab8-section10:checked ~ .underline-section10 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (7) / var(--number-of-tabs));
}

.tabs-section-desktop #tab9-section10:checked ~ .underline-section10 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (8) / var(--number-of-tabs));
}

.tabs-section-desktop #tab10-section10:checked ~ .underline-section10 {
  width: calc(100% / var(--number-of-tabs));
  left: calc(100% * (9) / var(--number-of-tabs));
}

@media screen and (width >= 601px) {
  .tabs-section-desktop {
    gap: calc(var(--in-block-s) - 1rem);
    border-bottom: 0.1rem solid #d4d9d4;
    display: flex;
    position: relative;
  }
}

.tabs-section-mobile {
  display: block;
}

.tabs-section-mobile select {
  width: 100%;
  padding: var(--component-spacing-m);
  color: #0a140a;
  background-color: #fff;
  border: 0.1rem solid #a8b0a8;
  border-radius: 0.4rem;
}

.tabs-section-mobile select:focus {
  border-color: #00793a;
  outline: none;
}

@media screen and (width >= 601px) {
  .tabs-section-mobile {
    display: none;
  }
}

.teaser-card {
  width: 100%;
  height: auto;
  color: inherit;
  flex-flow: column;
  align-self: start;
  display: flex;
  position: relative;
}

.teaser-card .image-container {
  width: 100%;
  height: auto;
}

.teaser-card .image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  height: auto;
}

.teaser-card .content {
  gap: var(--in-block-2xs);
  width: 100%;
  height: auto;
  padding: var(--in-block-s) var(--in-block-2xs);
  z-index: 2;
  background: none;
  flex-flow: column;
  display: flex;
}

.teaser-card .headline {
  hyphens: auto;
}

.teaser-card .button-container {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.teaser-card .button-container--with-text-button {
  justify-content: space-between;
  align-items: center;
  gap: var(--in-block-2xs);
  flex-flow: wrap;
}

.teaser-card .link {
  z-index: 1;
  position: absolute;
  inset: 0;
}

.teaser-card:focus-visible {
  outline: 0;
}

.teaser-card:focus-visible::before {
  content: "";
  inset: calc(-1 * var(--component-spacing-s));
  border: 0.2rem solid #003b1c;
  border-radius: 0.4rem;
  position: absolute;
}

.teaser-card--highlighted {
  color: #fff;
  background-color: #003b1c;
}

@media screen and (width >= 961px) {
  .teaser-card--single {
    flex-flow: row;
    align-items: flex-start;
  }

  .teaser-card--single .content {
    padding: var(--in-block-s) var(--in-block-m);
    gap: var(--in-block-2xs);
    align-self: center;
  }
}

.teaser-card--without-image {
  background-color: #fff;
  border: 0.1rem solid #d4d9d4;
  height: 100%;
}

.teaser-card--without-image .content {
  padding: var(--in-block-s) var(--in-block-m);
  gap: var(--in-block-s);
}

.teaser-card--without-image.default-variant {
  background-color: #f5f8f5;
}

.teaser-card--without-image.highlight {
  color: #fff;
  background-color: #003b1c;
  border-color: #ffffff3d;
}

.accordion--content-grid {
  will-change: grid-template-rows;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.25s cubic-bezier(0.33, 1, 0.68, 1);
  display: grid;
  overflow: hidden;
}

.accordion--content-grid .accordion--content-holder {
  overflow: hidden;
}

.accordion--open .accordion--content-grid {
  grid-template-rows: 1fr;
}

.accordion--open .accordion--content-grid .accordion--content-holder {
  overflow: visible;
}

.accordion--content {
  color: #0a140a;
  padding: var(--component-spacing-l);
  margin: var(--component-spacing-m) 0;
}

.accordion--content .gallery .arrow-left {
  transform: translate(calc(var(--component-spacing-l) * -1), -50%);
}

.accordion--content .gallery .arrow-right {
  transform: translate(var(--component-spacing-l), -50%);
}

.accordion--content.highlight {
  color: #fff;
}

.check-box-section {
  gap: var(--component-spacing-l);
  margin-bottom: var(--component-spacing-l);
  flex-direction: column;
  display: flex;
}

.check-box-section .filter-category {
  padding-left: var(--component-spacing-m);
}

.check-box-section .filter-items {
  gap: var(--component-spacing-l);
  padding-left: var(--component-spacing-2xl);
  flex-direction: column;
  display: flex;
}

.check-box-section .filter-sub-items {
  gap: var(--component-spacing-l);
  padding-left: var(--component-spacing-xl);
  flex-direction: column;
  display: flex;
}

.accordion__bars-wrapper {
  gap: var(--in-block-l);
  flex-direction: column;
  display: flex;
}

.accordion__bars {
  gap: var(--in-block-xs);
  flex-direction: column;
  display: flex;
}

.accordion__bars .OneTrialCard__bars {
  gap: var(--in-block-l);
}

.accordion__bars .OneTrialCard__bar--extra,
.accordion__bars .OneTrialCard__barGroup--extra {
  display: flex;
}

.accordion__bars .OneTrialCard__toggleLabel--more {
  display: none;
}

.accordion__bars .OneTrialCard__toggleLabel--less {
  display: inline;
}

.accordion__bars .OneTrialCard__footer .text-button .button-icon {
  transform: rotate(180deg);
}

.accordion--header {
  width: 100%;
  padding: var(--component-spacing-m);
  text-align: left;
  cursor: pointer;
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 0;
  display: flex;
  position: relative;
}

.accordion--header .title {
  color: #0a140a;
  max-width: calc(100% - 2.4rem - var(--component-spacing-m));
  will-change: color;
  transition: color 0.25s cubic-bezier(0.33, 1, 0.68, 1);
}

.accordion--header .accordion-icon {
  color: #00793a;
}

.accordion--header.disabled {
  opacity: 0.24;
}

.accordion--header:hover:not(.disabled) .title,
:focus .accordion--header:not(.disabled) .title {
  color: #00793a;
}

.accordion--open .accordion--header .indicator::after {
  transform: rotate(-90deg) translate(-50%, -50%);
}

.highlight .accordion--header .title {
  color: #fff;
}

.highlight .accordion--header .indicator::after,
.highlight .accordion--header .indicator::before {
  background: #fff;
}

.highlight .accordion--header:hover .title {
  color: #65ac1e;
}

.accordion--item {
  width: 100%;
  position: relative;
}

.accordion--item::after {
  content: "";
  background: #d4d9d4;
  width: 100%;
  height: 0.1rem;
  position: absolute;
  bottom: 0;
  left: 0;
}

.accordion--item.accordion--open {
  display: block;
}

.accordion--trigger {
  appearance: none;
  text-align: left;
  cursor: pointer;
  background: none;
  border: none;
  width: 100%;
  padding: 0;
  position: relative;
}

.accordion--trigger.has-error .title {
  color: var(--error-light-color);
}

.accordion--trigger:focus-visible {
  outline: none;
}

.accordion--trigger:focus-visible::before {
  content: "";
  border: 0.1rem solid #003b1c;
  border-radius: 0.4rem;
  width: calc(100% + 1.2rem);
  height: calc(100% + 1.2rem);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.accordion--trigger:focus-visible .accordion--header .title {
  color: #003b1c;
}

.highlight .accordion--item .accordion--trigger:focus-visible::before {
  border: 0.1rem solid #65ac1e;
}

.highlight
  .accordion--item
  .accordion--trigger:focus-visible
  .accordion--header
  .title {
  color: #65ac1e;
}

.accordion .header {
  grid-column-end: span var(--grid-total-columns);
  gap: var(--in-block-s);
  margin-bottom: var(--in-page-s);
  flex-flow: column;
  display: flex;
}

.accordion .headline {
  color: #003b1c;
  font-size: clamp(3.6rem, 2.8187rem + 1.3vw, 4.9rem);
  line-height: 1.3;
}

.accordion .copy {
  color: #0a140a;
}

.accordion .accordion--holder {
  grid-column-end: span var(--grid-total-columns);
  display: block;
}

@media screen and (width >= 961px) {
  .accordion .accordion--compact {
    grid-column-end: span 18;
  }
}

@media screen and (width >= 1281px) {
  .accordion .accordion--compact {
    grid-column-end: span 16;
  }
}

.accordion.highlight {
  background: #003b1c;
}

.accordion.highlight .headline,
.accordion.highlight .copy {
  color: #fff;
}

.breadcrumb {
  display: none;
}

@media screen and (width >= 961px) {
  .breadcrumb {
    display: block;
  }
}

.ProductCatalogHighlight {
  background-color: #003b1c;
  border-radius: 0.8rem;
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.ProductCatalogHighlight__imageContainer {
  aspect-ratio: 16 / 9;
  position: relative;
}

@media screen and (width >= 961px) {
  .ProductCatalogHighlight__imageContainer {
    width: 100%;
    height: 100%;
  }
}

.ProductCatalogHighlight__imageContainer::after {
  content: "";
  background: linear-gradient(#003b1c00 70%, #003b1c 100%);
  position: absolute;
  inset: 0;
}

.ProductCatalogHighlight__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.ProductCatalogHighlight__content {
  gap: var(--in-block-xs);
  width: 100%;
  height: auto;
  padding: var(--in-block-s);
  flex-flow: column;
  display: flex;
}

@media screen and (width >= 961px) {
  .ProductCatalogHighlight__content {
    flex-shrink: 1;
  }
}

.ProductCatalogHighlight__headlineTeaser {
  color: #fff;
}

.ProductCatalogHighlight__buttonContainer {
  flex-flow: row;
  justify-content: flex-start;
  display: flex;
}

.compare-images .rich-text,
.compare-images .content {
  grid-column-end: span var(--grid-total-columns);
}

.images-wrapper-desktop {
  grid-column-end: span var(--grid-total-columns);
  flex-direction: column;
  display: none;
}

.images-wrapper-desktop .image-section {
  object-fit: cover;
  width: 100%;
  height: auto;
  margin-top: var(--in-page-s);
  display: flex;
  position: relative;
}

.images-wrapper-desktop .text-section {
  display: flex;
}

.images-wrapper-desktop .comparison-image-wrapper {
  flex: 1;
  margin: 0;
}

.images-wrapper-desktop .comparison-image {
  width: 100%;
}

.images-wrapper-desktop .image-caption-1 {
  margin-top: var(--in-block-2xs);
  color: #0a140a;
  margin-right: var(--in-block-xs);
  flex: 1;
  font-size: 1.4rem;
  line-height: 1.7;
}

.images-wrapper-desktop .image-caption-2 {
  margin-top: var(--in-block-2xs);
  color: #6e786e;
  margin-left: var(--in-block-xs);
  text-align: right;
  flex: 1;
  font-size: 1.4rem;
  line-height: 1.7;
}

.images-wrapper-desktop .icon-holder {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.images-wrapper-desktop .button-holder {
  position: absolute;
  bottom: 2.4rem;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (width >= 601px) {
  .images-wrapper-desktop {
    display: flex;
  }
}

.images-wrapper-mobile {
  grid-column-end: span var(--grid-total-columns);
  margin-top: var(--in-page-s);
}

.images-wrapper-mobile .image-section {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.images-wrapper-mobile .comparison-image {
  width: 100%;
  height: 100%;
}

.images-wrapper-mobile .text-section {
  margin-bottom: var(--in-block-2xs);
}

.images-wrapper-mobile .image-caption-1 {
  margin-top: var(--in-block-2xs);
  color: #0a140a;
  font-size: 1.4rem;
  line-height: 1.7;
}

.images-wrapper-mobile .image-caption-2 {
  margin-top: var(--in-block-2xs);
  color: #6e786e;
  font-size: 1.4rem;
  line-height: 1.7;
}

.images-wrapper-mobile .icon-holder {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.images-wrapper-mobile .button-holder {
  width: 100%;
}

@media screen and (width >= 601px) {
  .images-wrapper-mobile {
    display: none;
  }
}

.contact-flyout-button {
  position: fixed;
  bottom: 1.6rem;
  right: 1.6rem;
}

.contact-flyout-button .desktop-button {
  display: none;
}

.contact-flyout-button .mobile-button {
  display: flex;
}

.contact-flyout-button .desktop-button,
.contact-flyout-button .mobile-button {
  border: 0.2rem solid #f5f8f5;
}

.contact-flyout-button .desktop-button:hover,
.contact-flyout-button .desktop-button:focus-visible,
.contact-flyout-button .mobile-button:hover,
.contact-flyout-button .mobile-button:focus-visible {
  border-color: #003b1c;
}

@media screen and (width >= 961px) {
  .contact-flyout-button .desktop-button {
    display: flex;
  }

  .contact-flyout-button .mobile-button {
    display: none;
  }
}

@media screen and (width >= 1281px) {
  .contact-teaser.contact-teaser--compact .container {
    grid-column: 3 / span 20;
  }
}

.contact-teaser .container {
  grid-column-end: span var(--grid-total-columns);
  gap: var(--in-block-l);
  padding: var(--in-block-l);
  background: #003b1c;
  flex-flow: column;
  display: flex;
}

@media screen and (width >= 601px) {
  .contact-teaser .container {
    gap: var(--in-block-xl);
  }
}

@media screen and (width >= 961px) {
  .contact-teaser .container {
    gap: var(--in-block-l);
    flex-flow: row;
    align-items: center;
  }

  .contact-teaser .container.content-align-top {
    align-items: flex-start;
  }
}

.contact-teaser .image-wrapper {
  flex-shrink: 0;
  width: 100%;
}

@media screen and (width >= 601px) {
  .contact-teaser .image-wrapper {
    max-width: 50rem;
    margin-left: 0;
    margin-right: auto;
  }
}

@media screen and (width >= 961px) {
  .contact-teaser .image-wrapper {
    max-width: 22.5rem;
    margin-right: 0;
  }
}

@media screen and (width >= 1281px) {
  .contact-teaser .image-wrapper {
    max-width: 30rem;
  }
}

.contact-teaser .image {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: auto;
}

.contact-teaser .content-wrapper {
  gap: var(--in-block-2xs);
  flex-flow: column;
  flex-shrink: 1;
  width: 100%;
  height: auto;
  display: flex;
}

@media screen and (width >= 961px) {
  .contact-teaser .content-wrapper {
    align-self: center;
    width: auto;
  }

  .contact-teaser .content-wrapper.content-align-top {
    align-self: flex-start;
  }
}

.contact-teaser .icon:not(.button-icon) {
  color: #65ac1e;
  width: 4.8rem;
  height: 4.8rem;
}

.contact-teaser .content {
  gap: var(--in-block-2xs);
  flex-flow: column;
  display: flex;
}

.contact-teaser .headline {
  color: #fff;
  font-size: clamp(2.7rem, 2.4596rem + 0.4vw, 3.1rem);
  line-height: 1.4;
}

.contact-teaser .copy {
  color: #fff;
}

.contact-teaser .button-container {
  margin-top: calc(var(--in-block-m) - var(--in-block-2xs));
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

@media screen and (width >= 601px) {
  .contact-teaser .button-container {
    margin-top: calc(var(--in-block-l) - var(--in-block-2xs));
  }
}

@media screen and (width >= 961px) {
  .contact-teaser .button-container {
    margin-top: calc(var(--in-block-xs) - var(--in-block-2xs));
  }
}

.contactPersonCard {
  flex-flow: column;
  height: 100%;
  display: flex;
}

.contactPersonCard__image {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  max-width: 52.1rem;
  height: auto;
}

.contactPersonCard__content {
  width: 100%;
  padding: var(--component-spacing-2xl) var(--in-block-2xs);
  flex-flow: column;
  height: 100%;
  display: flex;
}

.contactPersonCard__position {
  color: #505950;
}

.contactPersonCard__name {
  color: #003b1c;
}

.contactPersonCard__contactDetails {
  margin-top: var(--in-block-xs);
  flex-flow: column;
  display: flex;
}

.contactPersonCard--without-image {
  border: 0.1rem solid #d4d9d4;
}

.contactPersonCard--without-image .contactPersonCard__content {
  padding: var(--component-spacing-xl) var(--in-block-xs);
}

.contactTile__header {
  grid-column-end: span var(--grid-total-columns);
  gap: var(--in-block-2xs);
  flex-flow: column;
  display: flex;
}

.contactTile__icon {
  color: #003b1c;
  width: 4.8rem;
  height: 4.8rem;
}

.contactTile__headline {
  color: #003b1c;
}

.contactTile__copy {
  width: 100%;
  height: auto;
  margin-top: calc(var(--in-block-xs) - var(--in-block-2xs));
  color: #0a140a;
}

.contactTile__cards {
  grid-column-end: span var(--grid-total-columns);
  margin-top: var(--in-block-l);
  gap: var(--in-block-l);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media screen and (width >= 601px) {
  .contactTile__cards:has(.contactTile__card:nth-child(2)) {
    row-gap: var(--in-block-l);
    column-gap: var(--in-block-xs);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (width >= 961px) {
  .contactTile__cards:has(.contactTile__card:nth-child(2)) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .contactTile__cards:has(.contactTile__card:only-child)
    .contactTile__card
    .contactPersonCard:not(.contactPersonCard--without-image) {
    align-items: flex-end;
    gap: var(--in-block-l);
    flex-flow: row;
  }

  .contactTile__cards:has(.contactTile__card:only-child)
    .contactTile__card
    .contactPersonCard:not(.contactPersonCard--without-image)
    .contactPersonCard__image {
    max-width: 30rem;
  }

  .contactTile__cards:has(.contactTile__card:only-child)
    .contactTile__card
    .contactPersonCard:not(.contactPersonCard--without-image)
    .contactPersonCard__content {
    padding: 0;
  }
}

.contactTile__card {
  width: 100%;
  height: auto;
}

.conversion-card {
  will-change: all;
  align-items: center;
  gap: var(--component-spacing-l);
  width: 100%;
  height: 100%;
  padding: var(--component-spacing-s) var(--component-spacing-l);
  flex-flow: row;
  text-decoration: none;
  transition: all 0.125s cubic-bezier(0.33, 1, 0.68, 1);
  display: flex;
  position: relative;
}

.conversion-card .teaser-icon {
  color: #65ac1e;
  flex-shrink: 0;
  width: 2.4rem;
  height: 2.4rem;
}

@media screen and (width >= 961px) {
  .conversion-card .teaser-icon {
    width: 4.8rem;
    height: 4.8rem;
  }
}

.conversion-card .teaser-icon .icon {
  width: 100%;
  height: 100%;
}

.conversion-card .content {
  flex-flow: row;
  flex-shrink: 1;
  align-items: center;
  width: 100%;
  display: flex;
}

.conversion-card .title {
  display: block;
  position: relative;
  overflow: hidden;
}

.conversion-card .title span {
  color: #fff;
  will-change: background-size;
  background-image: linear-gradient(currentcolor, currentcolor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  flex-shrink: 1;
  text-decoration: none;
  transition: background-size 0.125s cubic-bezier(0.33, 1, 0.68, 1);
  display: inline;
}

.conversion-card .button {
  border-color: #0000;
  margin-left: auto;
}

.conversion-card .button:hover {
  border-color: #0000;
}

.conversion-card:hover .title span {
  background-size: 100% 2px;
}

.conversion-card:hover .button {
  border-color: #65ac1e;
}

.conversion-card:active {
  transform: scale(0.96);
}

.conversion-card:focus-visible {
  outline-offset: 0;
  border-radius: 0.4rem;
  outline: 0.2rem solid #65ac1e;
}

.conversion-card:focus-visible .title span {
  background-size: 100% 2px;
}

.conversion-card:focus-visible .button {
  border-color: #65ac1e;
}

.conversion-cards {
  background: #003b1c;
}

@media screen and (width >= 961px) {
  .conversion-cards {
    padding-bottom: var(--in-page-m);
  }

  .conversion-cards .baseblock-inner.in-grid {
    row-gap: var(--component-spacing-l);
  }
}

@media screen and (width >= 1281px) {
  .conversion-cards .baseblock-inner.in-grid {
    row-gap: 0;
  }
}

.conversion-cards .item {
  grid-column-end: span var(--grid-total-columns);
  align-self: center;
  height: 100%;
}

.conversion-cards .item:not(:last-child) {
  border-bottom: 1px solid #a8b0a8;
}

.conversion-cards .item:not(:last-child):focus-visible {
  border-bottom: 0;
}

@media screen and (width >= 961px) {
  .conversion-cards .item {
    grid-column-end: span 12;
  }

  .conversion-cards .item:not(:last-child) {
    border-bottom: 0 solid #a8b0a8;
  }

  .conversion-cards .item:not(:last-child):focus-visible {
    border-right: 0;
  }

  .conversion-cards .item:nth-child(odd):not(:last-child) {
    border-right: 1px solid #a8b0a8;
  }

  .conversion-cards .item:nth-child(odd):not(:last-child):focus-visible {
    border-right: 0;
  }
}

@media screen and (width >= 1281px) {
  .conversion-cards .item {
    grid-column-end: span 6;
  }

  .conversion-cards .item:not(:last-child) {
    border-right: 1px solid #a8b0a8;
  }

  .conversion-cards .item:not(:last-child):focus-visible {
    border-right: 0;
  }
}

.dynamicTeaserCard {
  flex-flow: column;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.dynamicTeaserCard__image {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 0.8rem;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.dynamicTeaserCard__image.is-small {
  aspect-ratio: 16 / 9;
}

.dynamicTeaserCard__content {
  width: 100%;
  height: auto;
  padding-top: var(--in-block-2xs);
  gap: var(--in-block-xs);
  flex-direction: column;
  padding-inline: 0;
  display: flex;
}

.dynamicTeaserCard__content-holder {
  gap: var(--in-block-2xs);
  color: #0a140a;
  flex-direction: column;
  display: flex;
}

@media screen and (width >= 961px) {
  .dynamicTeaserCard__content {
    padding-inline: var(--in-block-2xs);
  }

  .dynamicTeaserCard__content .button-label {
    white-space: nowrap;
  }
}

.dynamicTeaserCard .sub-headline {
  color: #6e786e;
}

.dynamicTeaserCard__link {
  z-index: -1;
  position: absolute;
  inset: 0;
}

.dynamicTeaserCard:hover .secondary-button {
  color: #fff;
  background-position: 0;
}

.dynamicTeaserCard:hover .button-icon {
  transform: translateX(4px);
}

.dynamicTeaserCard:focus-visible {
  outline: 0;
}

.dynamicTeaserCard:focus-visible::before {
  content: "";
  inset: calc(-1 * var(--component-spacing-s));
  border: 0.2rem solid #003b1c;
  border-radius: 0.4rem;
  position: absolute;
}

.dynamicTeaser__header {
  grid-column-end: span var(--grid-total-columns);
  gap: var(--in-block-2xs);
  margin-bottom: var(--in-block-xs);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

@media screen and (width >= 601px) {
  .dynamicTeaser__header {
    flex-flow: row;
    justify-content: space-between;
  }
}

.dynamicTeaser__headline {
  color: #003b1c;
  flex-shrink: 1;
  width: 100%;
  height: auto;
}

.dynamicTeaser__buttonContainer {
  flex-shrink: 0;
}

.dynamicTeaser__content {
  grid-column-end: span var(--grid-total-columns);
  position: relative;
}

.dynamicTeaser__items {
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--in-block-xs);
  flex-flow: row;
  width: 100%;
  display: flex;
}

.dynamicTeaser__item {
  width: 50%;
}

@media screen and (width >= 601px) {
  .dynamicTeaser__item {
    width: 33.33%;
  }
}

@media screen and (width >= 961px) {
  .dynamicTeaser__item {
    width: 25%;
  }
}

@media screen and (width >= 1281px) {
  .dynamicTeaser__item {
    width: 20%;
  }
}

.dynamicTeaser__sliderActions {
  display: none;
}

@media screen and (width >= 961px) {
  .dynamicTeaser__sliderActions {
    display: block;
  }
}

.dynamicTeaser__prevButton {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateX(-50%) translateY(calc(-50% - 2.8rem));
}

.dynamicTeaser__nextButton {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateX(50%) translateY(calc(-50% - 2.8rem));
}

.dynamicTeaser__slider {
  grid-column-end: span var(--grid-total-columns);
  margin-top: var(--in-block-xs);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  gap: 2.4rem;
  display: flex;
}

@media screen and (width >= 961px) {
  .dynamicTeaser__slider {
    display: none;
  }
}

.eventCard {
  background-color: #fff;
  border: 1px solid #d4d9d4;
  border-radius: 0.8rem;
  flex-flow: column;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media screen and (width >= 961px) {
  .eventCard {
    border-color: #0000;
    border-radius: 0;
  }
}

.eventCard__imageContainer {
  width: 100%;
  height: 100%;
}

.eventCard__image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media screen and (width >= 961px) {
  .eventCard__image {
    border-radius: 0.8rem;
    overflow: hidden;
  }
}

.eventCard__container {
  gap: var(--in-block-xs);
  width: 100%;
  height: auto;
  padding: var(--in-block-xs);
  flex-flow: column;
  display: flex;
}

@media screen and (width >= 601px) {
  .eventCard__container {
    padding: var(--in-block-s);
  }
}

@media screen and (width >= 961px) {
  .eventCard__container {
    padding-top: var(--in-block-xs);
    padding-inline: var(--in-block-xs);
    padding-bottom: 0;
  }
}

.eventCard__content {
  flex-flow: column;
  width: 100%;
  height: auto;
  display: flex;
}

.eventCard__location {
  color: #6e786e;
}

.eventCard__headline {
  color: #0a140a;
}

.eventCard__date {
  align-items: center;
  gap: var(--component-spacing-m);
  margin-top: var(--in-block-2xs);
  color: #505950;
  display: inline-flex;
}

.eventCard__buttonContainer {
  flex-flow: row;
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.eventCard__link {
  z-index: -1;
  position: absolute;
  inset: 0;
}

.eventCard:focus-visible {
  outline: 0;
}

.eventCard:focus-visible::before {
  content: "";
  inset: calc(-1 * var(--component-spacing-s));
  border: 0.2rem solid #003b1c;
  border-radius: 0.4rem;
  position: absolute;
}

.filter-chip {
  will-change: transform;
  color: #0a140a;
  padding: var(--component-spacing-xs) 1.2rem;
  cursor: pointer;
  text-wrap: nowrap;
  background-color: #fff;
  border: 0.1rem solid #003b1c;
  border-radius: 12rem;
  align-items: center;
  height: fit-content;
  transition: transform 0.15s ease-in-out;
  display: flex;
}

.filter-chip.icon-only {
  border: 0.2rem solid #003b1c;
  border-radius: 12rem;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  padding: 0.9rem;
}

.filter-chip.icon-only .button-icon {
  color: #fff;
  flex-shrink: 0;
  margin-right: 0;
}

.filter-chip.is-active {
  color: #fff;
  background-color: #003b1c;
}

.filter-chip.is-active:hover,
.filter-chip.is-active:focus-visible {
  background-color: #505950;
}

.filter-chip.is-active:focus-visible {
  outline-color: #003b1c;
}

.filter-chip.is-active .button-icon.action {
  color: #65ac1e;
}

.filter-chip .button-icon {
  margin-right: var(--component-spacing-xs);
  color: #65ac1e;
}

.filter-chip .button-icon.action {
  color: #003b1c;
}

.filter-chip:hover,
.filter-chip:focus-visible {
  will-change: border, outline, background-color, transform;
  background-color: #f5f8f5;
  border-color: #003b1c;
  transition:
    border 0.125s cubic-bezier(0.33, 1, 0.68, 1),
    outline 0.125s cubic-bezier(0.33, 1, 0.68, 1),
    background-color 0.125s cubic-bezier(0.33, 1, 0.68, 1),
    transform 0.125s cubic-bezier(0.33, 1, 0.68, 1);
}

.filter-chip:active {
  transform: scale(0.96);
}

.filter-chip:focus-visible {
  outline-offset: 0.2rem;
  outline: 0.2rem solid #003b1c;
}

.filter-chip:disabled {
  opacity: 0.4;
  pointer-events: none;
}

.filter-chip.highlight {
  color: #fff;
  background-color: #003b1c;
  border-color: #fff;
}

.filter-chip.highlight.is-active {
  color: #0a140a;
  background-color: #fff;
}

.filter-chip.highlight.is-active:hover,
.filter-chip.highlight.is-active:focus-visible {
  background-color: #d4d9d4;
}

.filter-chip.highlight:hover,
.filter-chip.highlight:focus-visible {
  background-color: #505950;
}

.filter-chip.highlight:focus-visible {
  outline: 0.2rem solid #65ac1e;
}

.filter-chip.highlight .button-icon {
  color: #00793a;
}

.footer {
  background-color: #fff;
  border-top: 0.1rem solid #d4d9d4;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.footer__disclaimerWrap {
  width: 100%;
  padding: var(--component-spacing-s);
}

.footer__disclaimerBox {
  width: 100%;
  padding: var(--in-block-s) 0;
  background-color: #cce4d8;
  justify-content: center;
  display: flex;
}

@media screen and (width >= 961px) {
  .footer__disclaimerBox {
    padding: var(--in-block-xs) 0;
  }
}

.footer__disclaimerInner {
  width: 100%;
  max-width: var(--max-footer-width);
  padding: 0 var(--content-padding);
  gap: var(--component-spacing-s);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

@media screen and (width >= 601px) {
  .footer__disclaimerInner {
    flex-direction: row;
  }
}

.footer__disclaimerIcon {
  color: #003b1c;
  flex-shrink: 0;
  display: flex;
}

@media screen and (width >= 601px) {
  .footer__disclaimerIcon {
    padding-top: var(--component-spacing-xs);
  }
}

.footer__disclaimerText {
  color: #003b1c;
  flex: 1;
  min-width: 0;
}

.footer__content {
  width: 100%;
  padding: var(--in-block-xl) 0;
  justify-content: center;
  display: flex;
}

.footer__columns {
  width: 100%;
  max-width: var(--max-footer-width);
  padding: 0 var(--content-padding);
  gap: var(--in-block-xl);
  flex-direction: column;
  display: flex;
}

@media screen and (width >= 961px) {
  .footer__columns {
    flex-direction: row;
    align-items: flex-start;
    gap: 6rem;
  }
}

.footer__socialsGroup {
  gap: var(--in-block-xs);
  flex-direction: column;
  width: 100%;
  display: flex;
  container-type: inline-size;
}

@media screen and (width >= 961px) {
  .footer__socialsGroup {
    flex: 1;
    min-width: 0;
    max-width: 24rem;
  }
}

@media screen and (width >= 1281px) {
  .footer__socialsGroup {
    flex: 2;
  }
}

.footer__tagline {
  color: #003b1c;
  letter-spacing: 0.02rem;
}

.footer__socialButtons {
  gap: var(--component-spacing-s);
  grid-template-columns: repeat(2, max-content);
  display: grid;
}

@container (width >= 24rem) {
  .footer__socialButtons {
    grid-template-columns: repeat(4, max-content);
  }
}

.footer__navAccordion {
  display: block;
}

@media screen and (width >= 601px) {
  .footer__navAccordion {
    display: none;
  }
}

.footer__navAccordion .accordion--content {
  margin: 0;
  padding: 0;
}

.footer__navItems {
  gap: var(--component-spacing-s);
  padding: var(--component-spacing-m) 0;
  flex-direction: column;
  display: flex;
}

.footer__navGrid {
  display: none;
}

@media screen and (width >= 601px) {
  .footer__navGrid {
    gap: var(--in-block-xl);
    grid-template-columns: 1fr 1fr;
    display: grid;
  }
}

@media screen and (width >= 961px) {
  .footer__navGrid {
    flex: 3;
    min-width: 0;
  }
}

@media screen and (width >= 1281px) {
  .footer__navGrid {
    display: contents;
  }
}

.footer__navSection {
  gap: var(--component-spacing-s);
  flex-direction: column;
  display: flex;
}

@media screen and (width >= 1281px) {
  .footer__navSection {
    flex: 1;
    min-width: 0;
  }
}

.footer__navHeading {
  color: #6e786e;
}

.footer__navItem {
  will-change: color;
  justify-content: space-between;
  align-items: center;
  gap: var(--component-spacing-l);
  color: #0a140a;
  border-radius: 0.4rem;
  width: 100%;
  text-decoration: none;
  transition: color 0.25s cubic-bezier(0.33, 1, 0.68, 1);
  display: flex;
}

@media screen and (width >= 601px) {
  .footer__navItem {
    padding-right: calc(2 * var(--content-padding));
  }
}

@media screen and (width >= 961px) {
  .footer__navItem {
    padding-right: 0;
  }
}

.footer__navItem:hover {
  color: #00793a;
  text-underline-offset: 0.3rem;
  text-decoration: underline;
}

.footer__navItem:focus-visible {
  outline-offset: 0.3rem;
  text-underline-offset: 0.3rem;
  outline: 0.1rem solid #003b1c;
  text-decoration: underline;
}

.footer__navItem:active {
  color: #00793a;
  text-underline-offset: 0.3rem;
  text-decoration: underline;
}

.footer__navLabel {
  color: inherit;
}

.footer__navExternal {
  color: inherit;
  flex-shrink: 0;
}

.footer__legalRow {
  width: 100%;
  padding: var(--in-block-s) 0;
  border-top: 0.1rem solid #d4d9d4;
  justify-content: center;
  display: flex;
}

@media screen and (width >= 961px) {
  .footer__legalRow {
    padding: var(--in-block-xs) 0;
  }
}

.footer__legalLinksRow {
  width: 100%;
  max-width: var(--max-footer-width);
  padding: 0 var(--content-padding);
  gap: var(--component-spacing-s);
  flex-direction: column;
  display: flex;
}

@media screen and (width >= 961px) {
  .footer__legalLinksRow {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.footer__countryBtn {
  padding: var(--component-spacing-s) 0;
}

.footer__legalLinks {
  gap: var(--component-spacing-s);
  flex-direction: column;
  display: flex;
}

@media screen and (width >= 601px) {
  .footer__legalLinks {
    gap: var(--in-block-m);
    flex-flow: wrap;
    align-items: center;
  }
}

.footer__legalLink {
  white-space: nowrap;
}

.footer__copyrightRow {
  width: 100%;
  max-width: var(--max-footer-width);
  padding: 0 var(--content-padding);
  justify-content: center;
  display: flex;
}

.footer__copyright {
  color: #003b1c;
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.7;
}

.GeneralFilter .headline-action-tag-section,
.GeneralFilter .headline-search-section,
.GeneralFilter .filter-search-section,
.GeneralFilter .filter-reset-section {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.GeneralFilter .headline-search-section,
.GeneralFilter .filter-search-section,
.GeneralFilter .filter-reset-section {
  align-items: center;
}

.GeneralFilter .headline-search-section.only-search {
  padding-bottom: var(--in-block-2xs);
  border-bottom: 0.1rem solid #d4d9d4;
}

.GeneralFilter .headline-action-tag-section {
  padding-bottom: var(--in-block-2xs);
  margin-bottom: var(--in-block-2xs);
  border-bottom: 0.1rem solid #d4d9d4;
}

.GeneralFilter .headline {
  font-size: clamp(2.2rem, 2.0197rem + 0.3vw, 2.5rem);
  line-height: 1.5;
}

.GeneralFilter .filter-tag-section,
.GeneralFilter .button-group,
.GeneralFilter .search-chip,
.GeneralFilter .active-filter-chip-section,
.GeneralFilter .search-field-holder,
.GeneralFilter .reset-filters {
  display: none;
}

.GeneralFilter .filter-tag-section,
.GeneralFilter .active-filter-chip-section {
  gap: var(--in-block-3xs);
}

.GeneralFilter .button-group {
  gap: var(--in-block-3xs);
  padding-bottom: calc(var(--in-block-2xs) + 0.8rem);
  margin-bottom: var(--in-block-2xs);
  border-bottom: 0.1rem solid #d4d9d4;
}

.GeneralFilter .active-filter-chip-section {
  padding-top: var(--in-block-2xs);
  border-top: 0.1rem solid #d4d9d4;
}

.GeneralFilter .search-field-holder {
  max-width: 25.6rem;
}

.GeneralFilter .search-field-holder.only-search {
  display: block;
}

.GeneralFilter .filter-button,
.GeneralFilter .search-button {
  width: 100%;
}

@media screen and (width >= 601px) {
  .GeneralFilter .headline-action-tag-section.with-search {
    border-bottom: none;
  }

  .GeneralFilter .button-group,
  .GeneralFilter .filter-chip,
  .GeneralFilter .filter-button {
    display: flex;
  }

  .GeneralFilter .action-chip.with-search {
    display: none;
  }
}

@media screen and (width >= 961px) {
  .GeneralFilter .action-chip {
    display: none;
  }

  .GeneralFilter .headline-action-tag-section {
    border-bottom: none;
    margin-bottom: 0;
  }

  .GeneralFilter .filter-search-section {
    padding-bottom: var(--in-block-2xs);
    border-bottom: 0.1rem solid #d4d9d4;
  }

  .GeneralFilter .filter-tag-section,
  .GeneralFilter .active-filter-chip-section,
  .GeneralFilter .search-field-holder,
  .GeneralFilter .reset-filters {
    display: flex;
  }

  .GeneralFilter .button-group,
  .GeneralFilter .search-chip {
    display: none;
  }

  .GeneralFilter .filter-reset-section {
    margin-top: var(--in-block-2xs);
  }

  .GeneralFilter .active-filter-chip-section {
    padding-top: unset;
    border-top: none;
  }
}

.gallery .h2-headline,
.gallery .h3-headline {
  grid-column-end: span var(--grid-total-columns);
  color: #003b1c;
  margin-bottom: var(--in-block-xs);
}

.gallery .paragraph-xl {
  grid-column-end: span var(--grid-total-columns);
  color: #0a140a;
}

.gallery .gallery-focus {
  grid-column-end: span var(--grid-total-columns);
  margin-block: var(--in-block-m);
  position: relative;
}

.gallery .gallery-focus.has-pagination {
  margin-bottom: var(--in-block-xs);
}

.gallery .gallery-focus.product-image {
  margin-top: 0;
  margin-bottom: var(--in-block-xs);
  border: 0.1rem solid #d4d9d4;
  width: calc(100% + 4.8rem);
  transform: translateX(-2.4rem);
}

.gallery .image-holder {
  position: relative;
}

.gallery .image-holder.product-image {
  aspect-ratio: 1;
  overflow: hidden;
}

.gallery .image-holder.product-logo {
  aspect-ratio: 1;
  padding: var(--component-spacing-s);
  background-color: #f5f8f5;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.gallery .gallery-overlay {
  opacity: 0.6;
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
}

.gallery .gallery-overlay.highlight {
  background-color: #003b1c;
}

.gallery .play-button-holder {
  will-change: opacity;
  transition: opacity 0.125s cubic-bezier(0.33, 1, 0.68, 1);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.gallery .image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  height: auto;
}

.gallery .image.product-image {
  aspect-ratio: 1;
}

.gallery .image.product-logo {
  aspect-ratio: 1;
  object-fit: contain;
}

.gallery .small-image.product-image {
  aspect-ratio: 1;
}

.gallery .caption {
  margin-top: var(--in-block-2xs);
  color: #505950;
  font-size: 1.4rem;
  line-height: 1.7;
}

.gallery .icon-wrapper {
  top: var(--in-block-xs);
  right: var(--in-block-xs);
  position: absolute;
}

.gallery .slider-section {
  grid-column-end: span var(--grid-total-columns);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2.4rem;
  width: 100%;
  display: flex;
}

.gallery .disclaimer {
  align-items: center;
  gap: var(--component-spacing-s);
  width: 100%;
  height: auto;
  padding: var(--component-spacing-m);
  background-color: #cce4d8;
  flex-flow: row;
  display: flex;
}

.gallery .disclaimer .icon {
  color: #003b1c;
  flex-shrink: 0;
  align-self: baseline;
  width: 2.4rem;
  height: 2.4rem;
}

.gallery .disclaimer-note {
  color: #0a140a;
}

.gallery
  .disclaimer-note
  a:not(.primary-button):not(.secondary-button):not(.text-button) {
  color: #003b1c;
  text-decoration: underline;
}

.gallery
  .disclaimer-note
  a:not(.primary-button):not(.secondary-button):not(.text-button):hover,
.gallery
  .disclaimer-note
  a:not(.primary-button):not(.secondary-button):not(
    .text-button
  ):focus-visible {
  color: #00793a;
}

.gallery
  .disclaimer-note
  a:not(.primary-button):not(.secondary-button):not(
    .text-button
  ):focus-visible {
  outline-offset: 0.3rem;
  border-radius: 0.4rem;
  outline: 0.2rem solid #003b1c;
}

@media screen and (width >= 601px) {
  .gallery .gallery-focus.product-image {
    width: unset;
    transform: unset;
  }
}

@media screen and (width >= 961px) {
  .gallery .play-button {
    scale: 177.77%;
  }
}

@media screen and (width >= 1281px) {
  .gallery.gallery--compact .h2-headline,
  .gallery.gallery--compact .h3-headline,
  .gallery.gallery--compact .paragraph-xl,
  .gallery.gallery--compact .gallery-focus,
  .gallery.gallery--compact .slider-section {
    grid-column: 3 / span 20;
  }
}

.gallery.highlight .h2-headline,
.gallery.highlight .h3-headline,
.gallery.highlight .paragraph-xl {
  color: #fff;
}

.gallery.highlight .caption {
  color: #f5f8f5;
}

.link-teaser .headline {
  color: #003b1c;
  font-size: clamp(3.6rem, 2.8187rem + 1.3vw, 4.9rem);
  line-height: 1.3;
}

.link-teaser .copy {
  color: #0a140a;
}

.link-teaser .list {
  --link-teaser-list-margin-top: calc(var(--in-block-xs) - var(--in-block-3xs));
  margin: var(--link-teaser-list-margin-top) 0 0 0;
  text-align: left;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  padding: 0;
  list-style-type: none;
  display: grid !important;
}

@media screen and (width >= 961px) {
  .link-teaser .list {
    column-gap: var(--in-block-xl);
  }

  .link-teaser .list:has(:nth-child(n + 5)) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (width >= 1281px) {
  .link-teaser .list:has(:nth-child(n + 5)) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.link-teaser .item {
  width: 100%;
}

.link-teaser .item .text-button {
  align-items: flex-start;
  display: inline-flex;
}

.link-teaser .item .text-button .text-button-label {
  overflow-wrap: anywhere;
}

.link-teaser .content-container {
  grid-column-end: span var(--grid-total-columns);
  gap: var(--in-block-3xs);
  padding: var(--in-block-l) var(--in-block-xl);
  background: linear-gradient(to right, #0000 0 0.4rem, #f5f8f5 0.4rem 100%);
  flex-flow: column;
  display: flex;
  position: relative;
}

.link-teaser .content-container::before {
  content: "";
  background: #003b1c;
  width: 0.4rem;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.link-teaser .content-container.default-variant::before {
  background: #003b1c;
}

.link-teaser .content-container.highlight {
  background: linear-gradient(to right, #0000 0 0.4rem, #003b1c 0.4rem 100%);
}

.link-teaser .content-container.highlight .headline,
.link-teaser .content-container.highlight .copy {
  color: #fff;
}

.link-teaser .content-container.highlight::before {
  background: #65ac1e;
}

.link-teaser.default-variant,
.link-teaser.highlight {
  padding-top: 0;
  padding-bottom: 0;
}

@media screen and (width >= 1281px) {
  .newsletter-signup.newsletter-signup--compact .container {
    grid-column: 3 / span 20;
  }
}

.newsletter-signup .container {
  grid-column-end: span var(--grid-total-columns);
  gap: var(--in-block-l);
  padding: var(--in-block-l);
  background: #003b1c;
  flex-flow: column;
  display: flex;
}

@media screen and (width >= 601px) {
  .newsletter-signup .container {
    gap: var(--in-block-xl);
  }
}

@media screen and (width >= 961px) {
  .newsletter-signup .container {
    gap: var(--in-block-l);
    flex-flow: row;
    align-items: center;
  }

  .newsletter-signup .container.content-align-top {
    align-items: flex-start;
  }
}

.newsletter-signup .content-wrapper {
  gap: var(--in-block-2xs);
  flex-flow: column;
  flex-shrink: 1;
  width: 100%;
  height: auto;
  display: flex;
}

@media screen and (width >= 961px) {
  .newsletter-signup .content-wrapper {
    align-self: center;
    width: auto;
  }

  .newsletter-signup .content-wrapper.content-align-top {
    align-self: flex-start;
  }
}

.newsletter-signup .icon:not(.button-icon) {
  color: #65ac1e;
  width: 4.8rem;
  height: 4.8rem;
}

.newsletter-signup .content {
  gap: var(--in-block-2xs);
  flex-flow: column;
  display: flex;
}

.newsletter-signup .headline {
  color: #fff;
  font-size: clamp(2.7rem, 2.4596rem + 0.4vw, 3.1rem);
  line-height: 1.4;
}

.newsletter-signup .copy {
  color: #fff;
}

.newsletter-signup .button-container {
  margin-top: calc(var(--in-block-m) - var(--in-block-2xs));
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

@media screen and (width >= 601px) {
  .newsletter-signup .button-container {
    margin-top: calc(var(--in-block-l) - var(--in-block-2xs));
  }
}

@media screen and (width >= 961px) {
  .newsletter-signup .button-container {
    margin-top: calc(var(--in-block-xs) - var(--in-block-2xs));
  }
}

.off-canvas-area {
  z-index: 100;
  display: flex;
  position: fixed;
  inset: 0;
}

.off-canvas-area .overlay {
  opacity: 0.6;
  background-color: #003b1c;
  position: absolute;
  inset: 0;
}

.off-canvas-area .panel {
  z-index: 101;
  background: #fff;
  flex-direction: column;
  width: 100%;
  margin-left: auto;
  display: flex;
  position: relative;
}

.off-canvas-area .close-button {
  margin-right: var(--in-block-m);
  margin-top: var(--in-block-s);
  cursor: pointer;
  background: none;
  margin-left: auto;
}

.off-canvas-area .text-section {
  margin-inline: var(--in-page-m);
}

.off-canvas-area .headline {
  color: #003b1c;
  margin-top: var(--in-block-3xs);
  margin-bottom: var(--in-block-2xs);
  font-size: clamp(3.6rem, 2.8187rem + 1.3vw, 4.9rem);
  line-height: 1.3;
}

.off-canvas-area .description {
  color: #505950;
  font-size: 1.6rem;
  line-height: 1.7;
}

.off-canvas-area .content-section {
  padding: var(--in-block-m);
  overflow: hidden auto;
}

.off-canvas-area .placeholder {
  color: #00793a;
  background-color: #f5f8f5;
  border: 0.1rem solid #00793a;
  border-radius: 1.2rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 64rem;
  display: flex;
}

.off-canvas-area .placeholder-text {
  text-align: center;
  padding: 2rem;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.7;
}

.off-canvas-area .button-group {
  gap: var(--in-block-3xs);
  padding-block: var(--in-block-s);
  padding-inline: var(--in-page-s);
  border-top: 0.1rem solid #d4d9d4;
  flex-direction: column;
  margin-top: auto;
  display: flex;
}

.off-canvas-area .overlay-button {
  width: 100%;
}

@media screen and (width >= 601px) {
  .off-canvas-area .panel {
    margin-top: unset;
    max-width: 48rem;
  }

  .off-canvas-area .text-section {
    margin-inline: var(--in-page-s);
  }

  .off-canvas-area .content-section {
    padding: var(--in-block-s);
  }
}

.off-canvas__contact-wrapper {
  gap: var(--in-block-xs);
  flex-direction: column;
  display: flex;
}

.off-canvas__contact-wrapper .off-canvas__contact {
  padding: var(--in-block-2xs);
  border: 0.1rem solid #d4d9d4;
  border-radius: 0.8rem;
}

.off-canvas__contact-wrapper .off-canvas__text-image-section {
  gap: var(--in-block-2xs);
  align-items: center;
  height: 9.6rem;
  margin-bottom: 1.6rem;
  display: flex;
}

.off-canvas__contact-wrapper .off-canvas__contact-image {
  aspect-ratio: 1;
  object-fit: cover;
  width: auto;
  height: 100%;
}

.off-canvas__contact-wrapper .off-canvas__text-section {
  flex-direction: column;
  display: flex;
}

.off-canvas__contact-wrapper .off-canvas__sub-headline {
  color: #6e786e;
  font-size: 1.4rem;
  line-height: 1.7;
}

.off-canvas__contact-wrapper .off-canvas__headline {
  color: #003b1c;
  font-size: clamp(1.8rem, 1.6798rem + 0.2vw, 2rem);
  line-height: 1.5;
}

.off-canvas__contact-wrapper .off-canvas__contact-section {
  gap: var(--component-spacing-s);
  padding-inline: var(--component-spacing-m);
  color: #003b1c;
  width: fit-content;
  font-size: 1.6rem;
  line-height: 1.5;
  display: flex;
}

.off-canvas__contact-wrapper .off-canvas__contact-section:focus-visible {
  border-radius: 0.4rem;
  outline: 0.2rem solid #003b1c;
}

.off-canvas__form {
  gap: var(--in-block-xs);
  flex-direction: column;
  display: flex;
}

.overlay {
  --overlay-desktop-arrow-gap: 3.2rem;
  --overlay-desktop-arrow-size: 5.4rem;
  z-index: 100;
  box-sizing: border-box;
  background-color: #f5f8f5;
  flex-direction: column;
  align-items: center;
  width: 100dvw;
  height: 100dvh;
  padding: 2.4rem 2.4rem 1.2rem;
  display: flex;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.overlay.single-image {
  justify-content: center;
}

.overlay .image-wrapper {
  flex: auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.overlay .image-wrapper.single-image {
  flex: 0 auto;
  width: min(100%, 74.6rem);
}

.overlay .current-image {
  aspect-ratio: 1;
  object-fit: contain;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}

.overlay .caption {
  color: #0a140a;
  margin-bottom: 1.2rem;
  margin-top: var(--in-block-xs);
  max-width: 64rem;
  padding-inline: 2.4rem;
  font-size: 1.6rem;
  line-height: 1.7;
}

.overlay .arrow-left-desktop,
.overlay .arrow-right-desktop {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.overlay .arrow-left-desktop {
  right: calc(100% + var(--overlay-desktop-arrow-gap));
}

.overlay .arrow-right-desktop {
  left: calc(100% + var(--overlay-desktop-arrow-gap));
}

.overlay .slider-section {
  width: 100%;
  padding-top: var(--in-page-s);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2.4rem;
  margin-bottom: 1.2rem;
  display: flex;
}

.overlay .close-button {
  flex-shrink: 0;
  margin: 0 0 2.4rem auto;
}

.overlay .lower-content {
  flex-direction: column;
  flex: none;
  align-items: center;
  width: 100%;
  max-width: 74.6rem;
  max-height: 35dvh;
  display: flex;
  overflow-y: auto;
}

@media screen and (width >= 601px) {
  .overlay .caption {
    padding-inline: 0;
  }
}

@media screen and (width >= 961px) {
  .overlay .image-wrapper {
    width: min(
      100%,
      100% - 2 *
        (var(--overlay-desktop-arrow-size) + var(--overlay-desktop-arrow-gap))
    );
  }

  .overlay .slider-section {
    margin-bottom: 3.2rem;
  }

  .overlay .arrow-left-desktop,
  .overlay .arrow-right-desktop {
    display: block;
  }

  .overlay .mobile-icon {
    display: none;
  }
}

@media screen and (width >= 1281px) {
  .overlay .caption {
    max-width: 74.6rem;
  }
}

.pestCropCard {
  background-color: #fff;
  border: 1px solid #d4d9d4;
  border-radius: 0.8rem;
  flex-flow: column;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media screen and (width >= 961px) {
  .pestCropCard {
    border-color: #0000;
    border-radius: 0;
  }
}

.pestCropCard__imageContainer {
  width: 100%;
  height: 100%;
}

.pestCropCard__image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media screen and (width >= 961px) {
  .pestCropCard__image {
    border-radius: 0.8rem;
    overflow: hidden;
  }
}

.pestCropCard__container {
  gap: var(--in-block-xs);
  width: 100%;
  height: auto;
  padding: var(--in-block-xs);
  flex-flow: column;
  display: flex;
}

@media screen and (width >= 601px) {
  .pestCropCard__container {
    padding: var(--in-block-s);
  }
}

@media screen and (width >= 961px) {
  .pestCropCard__container {
    padding-top: var(--in-block-xs);
    padding-inline: var(--in-block-xs);
    gap: var(--in-block-2xs);
    padding-bottom: 0;
  }
}

.pestCropCard__content {
  flex-flow: column;
  width: 100%;
  height: auto;
  display: flex;
}

.pestCropCard__latinname {
  color: #6e786e;
}

.pestCropCard__headline {
  color: #0a140a;
}

.pestCropCard__buttonContainer {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.pestCropCard__buttonContainer--with-text-button {
  justify-content: space-between;
  align-items: center;
  gap: var(--in-block-2xs);
  flex-flow: wrap;
}

.pestCropCard__link {
  z-index: -1;
  position: absolute;
  inset: 0;
}

.pestCropCard:focus-visible {
  outline: 0;
}

.pestCropCard:focus-visible::before {
  content: "";
  inset: calc(-1 * var(--component-spacing-s));
  border: 0.2rem solid #003b1c;
  border-radius: 0.4rem;
  position: absolute;
}

.productCard {
  gap: var(--in-block-s);
  width: 100%;
  height: auto;
  padding: var(--in-block-s);
  background-color: #fff;
  border: 1px solid #d4d9d4;
  border-radius: 0.8rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

@media screen and (width >= 961px) {
  .productCard {
    border-color: #0000;
    border-radius: 0;
    padding: 0;
  }
}

.productCard__headerContainer {
  gap: var(--in-block-s);
  flex-flow: row;
  width: 100%;
  display: flex;
}

@media screen and (width >= 961px) {
  .productCard__headerContainer {
    flex-flow: column;
  }
}

.productCard__imageContainer {
  flex-shrink: 0;
  width: 100%;
  max-width: 9.6rem;
  height: 100%;
}

@media screen and (width >= 601px) {
  .productCard__imageContainer {
    max-width: 11.2rem;
  }
}

@media screen and (width >= 961px) {
  .productCard__imageContainer {
    max-width: 100%;
  }
}

.productCard__image {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media screen and (width >= 961px) {
  .productCard__image {
    border-radius: 0.8rem;
    overflow: hidden;
  }
}

.productCard--logo .productCard__imageContainer {
  padding: var(--in-block-xs);
  background-color: #f5f8f5;
  border-radius: 0.8rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.productCard--logo .productCard__image {
  object-fit: contain;
}

.productCard__header {
  flex-flow: column;
  flex-shrink: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
}

@media screen and (width >= 961px) {
  .productCard__header {
    padding-inline: var(--in-block-s);
    flex-flow: column;
  }
}

.productCard__category {
  color: #6e786e;
}

.productCard__headline {
  color: #0a140a;
}

.productCard__benefits {
  gap: var(--component-spacing-m);
  flex-flow: column;
  width: 100%;
  height: auto;
  margin: 0;
  list-style: none;
  display: flex !important;
}

@media screen and (width >= 961px) {
  .productCard__benefits {
    padding-inline: var(--in-block-s);
  }
}

.productCard__benefit {
  gap: var(--component-spacing-m);
  color: #505950;
  flex-flow: row;
  display: flex;
}

.productCard__benefit .icon {
  flex-shrink: 0;
  width: 2.4rem;
  height: 2.4rem;
}

.productCard__benefit p {
  flex-shrink: 1;
}

@media screen and (width >= 961px) {
  .productCard__benefit {
    gap: var(--component-spacing-s);
  }
}

.productCard__footer {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.productCard__footer--with-text-button {
  justify-content: space-between;
  align-items: center;
  gap: var(--in-block-2xs);
  flex-flow: wrap;
}

@media screen and (width >= 961px) {
  .productCard__footer {
    padding-inline: var(--in-block-s);
    margin-top: calc(var(--in-block-s) - var(--in-block-2xs));
  }
}

.productCard__link {
  z-index: -1;
  position: absolute;
  inset: 0;
}

.productCard:focus-visible {
  outline: 0;
}

.productCard:focus-visible::before {
  content: "";
  inset: calc(-1 * var(--component-spacing-s));
  border: 0.2rem solid #003b1c;
  border-radius: 0.4rem;
  position: absolute;
}

.action-button {
  padding: var(--component-spacing-m);
  padding-right: var(--component-spacing-l);
  justify-content: space-between;
  align-items: center;
  gap: var(--component-spacing-m);
  background-color: #fff;
  border: 0.1rem solid #d4d9d4;
  border-radius: 0.4rem;
  width: 100%;
  display: flex;
}

.action-button:hover,
.action-button:focus-visible {
  border-color: #003b1c;
}

.action-button:focus-visible {
  outline-offset: 0.4rem;
  outline: 0.2rem solid #003b1c;
}

.action-button .icon-text-holder {
  gap: var(--component-spacing-m);
  align-items: center;
  height: 4.8rem;
  display: flex;
}

.action-button .icon-holder {
  color: #003b1c;
  background-color: #cce4d8;
  border-radius: 0.2rem;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 4.8rem;
  height: 100%;
  display: flex;
}

.action-button .label {
  color: #0a140a;
  text-align: start;
  font-size: 1.6rem;
  line-height: 1.5;
}

.action-button .arrow-right {
  color: #003b1c;
  flex-shrink: 0;
  display: flex;
}

.product-benefits .headline {
  color: #003b1c;
  font-size: clamp(1.8rem, 1.6798rem + 0.2vw, 2rem);
  line-height: 1.5;
}

.product-benefits .benefit-items {
  gap: var(--in-block-2xs);
  color: #505950;
  margin-top: var(--in-block-2xs);
  flex-direction: column;
  display: flex;
}

.product-benefits .benefit-item {
  gap: var(--component-spacing-m);
  align-items: start;
  display: flex;
}

.product-benefits .benefit-item i {
  color: #505950;
  flex-shrink: 0;
  display: flex;
}

.product-benefits .item-label {
  font-size: 1.6rem;
  line-height: 1.7;
}

.ProductDetailPage {
  grid-column-end: span var(--grid-total-columns);
  padding-top: var(--in-page-s);
}

.ProductDetailPage .image-section {
  grid-column-end: span var(--grid-total-columns);
  font-size: clamp(4rem, 2.7379rem + 2.1vw, 6.1rem);
  line-height: 1.2;
}

.ProductDetailPage .product-image-holder {
  margin-block: var(--in-block-m);
}

.ProductDetailPage .text-section {
  grid-column-end: span var(--grid-total-columns);
}

.ProductDetailPage .content-separator-benefits {
  margin-top: var(--in-block-m);
  margin-bottom: var(--in-block-m);
  border-top: 0.1rem solid #d4d9d4;
  width: 100%;
}

.ProductDetailPage .content-separator-info {
  margin-top: var(--in-page-s);
  margin-bottom: var(--in-block-m);
  border-top: 0.1rem solid #d4d9d4;
  width: 100%;
}

.ProductDetailPage .action-button-group {
  gap: var(--in-block-2xs);
  flex-direction: column;
  display: flex;
}

.ProductDetailPage .content-separator-note {
  margin-top: var(--in-block-m);
  margin-bottom: var(--in-page-s);
  border-top: 0.1rem solid #d4d9d4;
  width: 100%;
}

.ProductDetailPage.default-variant {
  padding-top: 0;
  padding-bottom: 0;
}

.ProductDetailPage.default-variant .breadcrumb--holder > span:last-child {
  color: #505950;
}

@media screen and (width >= 961px) {
  .ProductDetailPage .image-section {
    grid-column-end: span 10;
  }

  .ProductDetailPage .product-image-holder {
    top: var(--in-page-s);
    margin-bottom: 0;
    position: sticky;
  }

  .ProductDetailPage .text-section {
    grid-column: 13 / span 12;
  }
}

@media screen and (width >= 1281px) {
  .ProductDetailPage .action-button-group {
    flex-direction: row;
  }
}

.product-header {
  flex-direction: column;
  display: flex;
}

.product-header .product-category {
  color: #00793a;
  margin-bottom: var(--in-block-s);
  margin-top: var(--in-block-3xs);
  font-size: 1.8rem;
  line-height: 1.6;
}

.product-header .product-name {
  color: #003b1c;
  margin-bottom: var(--in-block-3xs);
  font-size: clamp(3.6rem, 2.8187rem + 1.3vw, 4.9rem);
  line-height: 1.3;
}

.product-header .sub-headline {
  color: #505950;
  font-size: 1.8rem;
  line-height: 1.6;
}

.product-header .product-header-button {
  width: 100%;
  margin-top: var(--in-block-xs);
}

@media screen and (width >= 601px) {
  .product-header .product-header-button {
    width: fit-content;
  }
}

@media screen and (width >= 961px) {
  .product-header .product-category {
    margin-top: calc(var(--in-block-m) + 2.38rem);
  }
}

.product-info .headline {
  font-size: clamp(1.8rem, 1.6798rem + 0.2vw, 2rem);
  line-height: 1.5;
}

.product-info .product-info-table {
  margin-block: var(--in-block-2xs);
  background-color: #fff;
  border: 0.1rem solid #d4d9d4;
}

.product-info .table-row {
  padding: var(--component-spacing-l) var(--component-spacing-2xl);
  border-bottom: 0.1rem solid #d4d9d4;
  flex-direction: column;
  display: flex;
}

.product-info .table-row:last-child {
  border-bottom: none;
}

.product-info .row-title {
  color: #6e786e;
  font-size: 1.4rem;
  line-height: 1.7;
}

.product-info .row-info-section {
  color: #0a140a;
  flex-direction: column;
  font-size: 1.6rem;
  line-height: 1.7;
  display: flex;
}

.product-info .expired {
  align-items: center;
  gap: var(--component-spacing-xs);
  color: #e20027;
  display: flex;
}

@media screen and (width >= 1281px) {
  .product-info .table-row {
    gap: var(--component-spacing-l);
    flex-direction: row;
  }

  .product-info .row-title {
    width: 18rem;
  }
}

.product-note {
  padding: var(--component-spacing-xl);
  color: #0a140a;
  background-color: #cce4d8;
  flex-direction: column;
  display: flex;
}

.headline-holder {
  align-items: center;
  gap: var(--component-spacing-m);
  margin-bottom: var(--component-spacing-m);
  display: flex;
}

.note-section-headline {
  font-size: clamp(1.8rem, 1.6798rem + 0.2vw, 2rem);
  line-height: 1.5;
}

.note-section-text {
  font-size: 1.6rem;
  line-height: 1.7;
}

.text-separator {
  width: 100%;
  height: 2rem;
}

.ProductApplication {
  color: #fff;
}

.ProductApplication .h2-headline {
  color: #003b1c;
}

.ProductApplication .description {
  margin-top: 2.4rem;
  margin-bottom: var(--in-page-s);
  color: #0a140a;
  background-color: #fff;
  font-size: 1.8rem;
  line-height: 1.6;
}

.ProductApplication .main-content-holder {
  padding: var(--in-block-m);
  background-color: #003b1c;
}

.ProductApplication .sub-headline-holder {
  align-items: center;
  gap: var(--component-spacing-m);
  margin-bottom: var(--in-block-2xs);
  font-size: clamp(1.8rem, 1.6798rem + 0.2vw, 2rem);
  line-height: 1.5;
  display: flex;
}

.ProductApplication .headline-icon {
  color: #65ac1e;
  flex-shrink: 0;
  align-self: center;
}

.ProductApplication .intro-text {
  margin-bottom: var(--in-block-s);
  font-size: 1.6rem;
  line-height: 1.7;
}

.ProductApplication .filter-chip-section {
  gap: var(--component-spacing-s);
  margin-bottom: var(--in-block-s);
  padding-bottom: var(--in-block-s);
  border-bottom: 0.1rem solid #d4d9d4;
  flex-wrap: wrap;
  display: flex;
}

.ProductApplication .image-headline-holder {
  align-items: center;
  gap: var(--component-spacing-m);
  margin-bottom: var(--in-block-2xs);
  display: flex;
}

.ProductApplication .image-headline {
  font-size: clamp(1.8rem, 1.6798rem + 0.2vw, 2rem);
  line-height: 1.5;
}

.ProductApplication .image-holder {
  unicode-bidi: normal;
  margin: 0;
  padding: 0;
  position: relative;
}

.ProductApplication .product-page-application-image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border: 0.1rem solid #a8b0a8;
  width: 100%;
  height: auto;
}

.ProductApplication .image-description {
  margin-top: var(--in-block-2xs);
  font-size: 1.4rem;
  line-height: 1.7;
}

.ProductApplication .image-icon-button {
  top: var(--in-block-xs);
  right: var(--in-block-xs);
  position: absolute;
}

.quote-container {
  justify-content: space-between;
  align-items: center;
  gap: var(--in-block-xl);
  width: 100%;
  padding: var(--in-block-xl);
  flex-flow: column;
  display: flex;
}

@media screen and (width >= 961px) {
  .quote-container {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }
}

.quote-container .content-wrapper {
  gap: var(--in-block-xs);
  flex-flow: column;
  flex-shrink: 1;
  order: 2;
  width: 100%;
  height: auto;
  display: flex;
}

@media screen and (width >= 961px) {
  .quote-container .content-wrapper {
    order: 1;
    align-self: stretch;
    width: auto;
    min-height: 100%;
  }
}

.quote-container .icon {
  color: #003b1c;
  width: 6.4rem;
  height: 6.4rem;
  margin-bottom: auto;
}

.quote-container .quote-wrapper {
  gap: var(--in-block-m);
  flex-flow: column;
  margin: 0;
  display: flex;
}

.quote-container .quote-content {
  color: #003b1c;
  font-size: clamp(2.7rem, 2.4596rem + 0.4vw, 3.1rem);
  line-height: 1.4;
}

.quote-container .author-wrapper {
  gap: var(--in-block-3xs);
  flex-flow: column;
  display: flex;
}

.quote-container .author-name {
  color: #00793a;
  font-size: clamp(1.8rem, 1.6798rem + 0.2vw, 2rem);
  line-height: 1.5;
}

.quote-container .author-description {
  color: #0a140a;
  font-size: 1.6rem;
  line-height: 1.7;
}

.quote-container .image-wrapper {
  flex-shrink: 0;
  order: 1;
  width: 100%;
}

@media screen and (width >= 601px) {
  .quote-container .image-wrapper {
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (width >= 961px) {
  .quote-container .image-wrapper {
    order: 2;
    max-width: 30rem;
    margin-right: 0;
  }
}

@media screen and (width >= 1281px) {
  .quote-container .image-wrapper {
    order: 2;
    max-width: 40rem;
  }
}

.quote-container .image {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: auto;
}

@media screen and (width >= 1281px) {
  .quote-container.quote-container--compact {
    padding-inline: var(--in-block-xl);
    align-items: flex-start;
  }

  .quote-container.quote-container--compact .content-wrapper {
    width: 48%;
    min-width: 0;
  }

  .quote-container.quote-container--compact .image-wrapper {
    width: 40%;
    max-width: 40%;
    margin-top: var(--in-block-xs);
    flex-basis: 40%;
    margin-left: 0;
    margin-right: 0;
  }
}

.quote-container.default-variant {
  background-color: #f5f8f5;
}

.quote-container.highlight {
  background-color: #003b1c;
}

.quote-container.highlight .icon,
.quote-container.highlight .author-name {
  color: #65ac1e;
}

.quote-container.highlight .quote-content,
.quote-container.highlight .author-description {
  color: #fff;
}

.quote .quote-container {
  grid-column-end: span var(--grid-total-columns);
}

@media screen and (width >= 1281px) {
  .quote .quote-container--compact {
    grid-column: 3 / span 20;
  }
}

.quote-carousel .quote-container {
  grid-column-end: span var(--grid-total-columns);
}

.quote-carousel .slider-section {
  grid-column-end: span var(--grid-total-columns);
  width: 100%;
  margin-top: var(--in-block-l);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2.4rem;
  display: flex;
}

.quote-carousel .slider-section .slider-navigation {
  margin-inline: 0;
}

.rich-text-container .rich-text {
  grid-column-end: span var(--grid-total-columns);
}

@media screen and (width >= 601px) {
  .rich-text-container--small .rich-text {
    grid-column: 2 / span 10;
  }
}

@media screen and (width >= 961px) {
  .rich-text-container--small .rich-text {
    grid-column: 5 / span 16;
  }
}

.app-promotion-banner {
  width: 100%;
  padding-top: var(--in-block-xs);
  padding-bottom: var(--in-block-xs);
  background-color: #003b1c;
  border-bottom: 1px solid #65ac1e;
  flex-flow: row;
  align-items: center;
  display: flex;
}

@media screen and (width >= 601px) {
  .app-promotion-banner {
    display: none;
  }
}

.app-promotion-banner .primary-icon-button {
  color: #65ac1e;
  flex-shrink: 0;
}

.app-promotion-banner .image {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 1rem;
  width: 5.4rem;
  height: 5.4rem;
}

.app-promotion-banner .content-container {
  align-items: center;
  gap: var(--in-block-xs);
  flex-flow: row;
  flex-shrink: 1;
  width: 100%;
  display: flex;
}

.app-promotion-banner .content {
  align-items: flex-start;
  gap: var(--component-spacing-xs);
  flex-flow: column;
  display: flex;
}

.app-promotion-banner .headline {
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.7;
}

.app-promotion-banner .copy {
  color: #fff;
  letter-spacing: 0.2px;
  font-size: 1.4rem;
  line-height: 1.3;
}

.stageHomepage {
  color: #fff;
  background-color: #003b1c;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}

.stageHomepage .image-wrapper {
  width: 100%;
  position: relative;
}

@media screen and (width >= 601px) {
  .stageHomepage .image-wrapper {
    --grid-total-columns: var(--grid-content-columns);
    grid-gap: 0;
    grid-auto-flow: row;
    grid-template-columns: repeat(var(--grid-total-columns), 1fr);
    max-width: var(--max-content-width);
    margin: 0 auto;
    padding: 0 2.4rem;
    display: grid;
  }
}

@media screen and (width >= 601px) and (width >= 601px) {
  .stageHomepage .image-wrapper {
    padding: 0 4rem;
  }
}

@media screen and (width >= 601px) and (width >= 961px) {
  .stageHomepage .image-wrapper {
    padding: 0 6.4rem;
  }
}

@media screen and (width >= 601px) and (width >= 1281px) {
  .stageHomepage .image-wrapper {
    padding: 0 8rem;
  }
}

@media screen and (width >= 601px) {
  .stageHomepage .image-wrapper::before {
    content: "";
    z-index: 1;
    background-color: #fff;
    width: 200vw;
    height: 50%;
    position: absolute;
    top: 0;
    left: -50vw;
    right: 0;
  }
}

.stageHomepage .image-container {
  z-index: 10;
  aspect-ratio: 16 / 9;
  width: 100%;
}

@media screen and (width >= 601px) {
  .stageHomepage .image-container {
    grid-column-end: span var(--grid-total-columns);
  }
}

@media screen and (width >= 961px) {
  .stageHomepage .image-container {
    aspect-ratio: 3;
    position: relative;
  }
}

.stageHomepage .image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.stageHomepage .teaser-container {
  z-index: 12;
  padding: 0.6rem 2.4rem;
}

.stageHomepage .teaser-container::before {
  content: "";
  border-bottom: 1px solid #65ac1e;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

@media screen and (width >= 601px) {
  .stageHomepage .teaser-container {
    grid-column-end: span var(--grid-total-columns);
  }
}

@media screen and (width >= 961px) {
  .stageHomepage .teaser-container {
    right: var(--in-block-xs);
    bottom: var(--in-block-xs);
    background-color: #003b1c;
    padding-left: 0.6rem;
    padding-right: 0.6rem;
    position: absolute;
  }

  .stageHomepage .teaser-container::before {
    content: none;
  }
}

.stageHomepage .cta-label {
  color: currentcolor;
  font-size: clamp(2.2rem, 2.0197rem + 0.3vw, 2.5rem);
  line-height: 1.5;
  display: block;
}

.stageHomepage .cta-label span {
  will-change: background-size;
  background-image: linear-gradient(currentcolor, currentcolor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  text-decoration: none;
  transition: background-size 0.125s cubic-bezier(0.33, 1, 0.68, 1);
  display: inline;
}

.stageHomepage .cta-button {
  flex-shrink: 0;
  align-self: flex-end;
}

.stageHomepage .cta {
  width: 100%;
  padding: var(--component-spacing-xl) 0;
  color: currentcolor;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  text-decoration: none;
  display: flex;
}

@media screen and (width >= 961px) {
  .stageHomepage .cta {
    min-width: 300px;
    max-width: 500px;
    padding: var(--component-spacing-l);
  }
}

.stageHomepage .cta:hover .cta-button {
  color: #65ac1e;
}

.stageHomepage .cta:hover .cta-button::before {
  left: 0;
}

.stageHomepage .cta:hover .cta-label span {
  background-size: 100% 2px;
}

.stageHomepage .cta:focus-visible {
  outline-offset: 0;
  border-radius: 0.4rem;
  outline: 0.2rem solid #65ac1e;
}

.stageHomepage .content-wrapper {
  row-gap: var(--in-page-m);
  --grid-total-columns: var(--grid-content-columns);
  grid-gap: 0;
  grid-auto-flow: row;
  grid-template-columns: repeat(var(--grid-total-columns), 1fr);
  max-width: var(--max-content-width);
  margin: 0 auto;
  padding: 0 2.4rem;
  display: grid;
  padding-top: var(--in-page-m) !important;
  padding-bottom: var(--in-page-m) !important;
}

@media screen and (width >= 601px) {
  .stageHomepage .content-wrapper {
    padding: 0 4rem;
  }
}

@media screen and (width >= 961px) {
  .stageHomepage .content-wrapper {
    padding: 0 6.4rem;
  }
}

@media screen and (width >= 1281px) {
  .stageHomepage .content-wrapper {
    padding: 0 8rem;
  }
}

@media screen and (width >= 961px) {
  .stageHomepage .content-wrapper {
    row-gap: normal;
  }
}

.stageHomepage .headline,
.stageHomepage .copy {
  grid-column-end: span var(--grid-total-columns);
}

@media screen and (width >= 961px) {
  .stageHomepage .headline,
  .stageHomepage .copy {
    grid-column-end: span 12;
  }
}

.stageHomepage .headline {
  font-size: clamp(4rem, 2.7379rem + 2.1vw, 6.1rem);
  line-height: 1.2;
}

.stageHomepage .copy {
  font-size: 2rem;
  line-height: 1.5;
}

.stageSubpage {
  width: 100%;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.stageSubpage .image-wrapper {
  width: 100%;
  position: relative;
}

@media screen and (width >= 601px) {
  .stageSubpage .image-wrapper {
    --grid-total-columns: var(--grid-content-columns);
    grid-gap: 0;
    grid-auto-flow: row;
    grid-template-columns: repeat(var(--grid-total-columns), 1fr);
    max-width: var(--max-content-width);
    margin: 0 auto;
    padding: 0 2.4rem;
    display: grid;
  }
}

@media screen and (width >= 601px) and (width >= 601px) {
  .stageSubpage .image-wrapper {
    padding: 0 4rem;
  }
}

@media screen and (width >= 601px) and (width >= 961px) {
  .stageSubpage .image-wrapper {
    padding: 0 6.4rem;
  }
}

@media screen and (width >= 601px) and (width >= 1281px) {
  .stageSubpage .image-wrapper {
    padding: 0 8rem;
  }
}

@media screen and (width >= 601px) {
  .stageSubpage .image-wrapper::after {
    content: "";
    z-index: 1;
    background-color: #fff;
    width: 200vw;
    height: 50%;
    position: absolute;
    bottom: 0;
    left: -50vw;
    right: 0;
  }
}

.stageSubpage .image-container {
  z-index: 10;
  aspect-ratio: 16 / 9;
  width: 100%;
  height: 100%;
}

@media screen and (width >= 601px) {
  .stageSubpage .image-container {
    grid-column-end: span var(--grid-total-columns);
  }
}

@media screen and (width >= 961px) {
  .stageSubpage .image-container {
    aspect-ratio: 3;
    position: relative;
  }
}

.stageSubpage .image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.stageSubpage .content-wrapper {
  row-gap: var(--in-block-s);
  --grid-total-columns: var(--grid-content-columns);
  grid-gap: 0;
  grid-auto-flow: row;
  grid-template-columns: repeat(var(--grid-total-columns), 1fr);
  max-width: var(--max-content-width);
  margin: 0 auto;
  padding: 0 2.4rem;
  display: grid;
  padding-top: var(--in-page-m) !important;
  padding-bottom: var(--in-page-m) !important;
}

@media screen and (width >= 601px) {
  .stageSubpage .content-wrapper {
    padding: 0 4rem;
  }
}

@media screen and (width >= 961px) {
  .stageSubpage .content-wrapper {
    padding: 0 6.4rem;
  }
}

@media screen and (width >= 1281px) {
  .stageSubpage .content-wrapper {
    padding: 0 8rem;
  }
}

.stageSubpage .breadcrumb-container,
.stageSubpage .headline,
.stageSubpage .copy {
  grid-column-end: span var(--grid-total-columns);
}

@media screen and (width >= 961px) {
  .stageSubpage .breadcrumb-container,
  .stageSubpage .headline,
  .stageSubpage .copy {
    grid-column-end: span var(--grid-total-columns);
  }
}

.stageSubpage .breadcrumb-container {
  margin-bottom: var(--in-block-xs);
}

.stageSubpage .date-section {
  margin-bottom: var(--in-block-xs);
  font-size: 1.8rem;
  line-height: 1.6;
}

.stageSubpage .headline {
  color: #003b1c;
}

.stageSubpage .copy {
  color: #0a140a;
  font-size: 2rem;
  line-height: 1.5;
}

.stageSubpage.default-variant {
  padding-top: 0;
  padding-bottom: 0;
}

.stageSubpage.default-variant .breadcrumb--holder > span:last-child,
.stageSubpage.default-variant .date-section {
  color: #505950;
}

.stageSubpage.highlight {
  padding-top: 0;
  padding-bottom: 0;
}

.stageSubpage.highlight .headline,
.stageSubpage.highlight .copy {
  color: #fff;
}

.teaser .headline-container {
  grid-column-end: span var(--grid-total-columns);
  margin-bottom: var(--in-page-s);
}

.teaser .items-container {
  grid-column-end: span var(--grid-total-columns);
  gap: var(--in-block-xs);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media screen and (width >= 961px) {
  .teaser .items-container {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.teaser .item {
  width: 100%;
}

.teaser .slider-section {
  grid-column-end: span var(--grid-total-columns);
  width: 100%;
  margin-top: var(--in-page-s);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2.4rem;
  display: none;
}

.teaser .slider-section .slider-navigation {
  margin-inline: 0;
}

.teaser.highlight {
  color: #fff;
}

.teaser.highlight .teaser-card--highlighted {
  color: #0a140a;
  background-color: #fff;
}

.teaser--slider .slider-section,
.teaser--sliderOnMobile .slider-section {
  display: flex;
}

@media screen and (width >= 961px) {
  .teaser--sliderOnMobile .slider-section {
    display: none;
  }

  .teaser--single .items-container {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.teaser--single .slider-section {
  display: none;
}

@media screen and (width >= 601px) {
  .teaser--half .items-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .teaser--half .slider-section {
    display: none;
  }
}

.teaser-full-width {
  justify-content: flex-end;
  align-items: flex-end;
  height: auto;
  min-height: 80rem;
  display: flex;
  position: relative;
  overflow: hidden;
  padding-top: var(--in-block-xl) !important;
  padding-bottom: var(--in-block-xl) !important;
}

@media screen and (width >= 961px) {
  .teaser-full-width {
    min-height: auto;
  }
}

.teaser-full-width .image-container {
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

.teaser-full-width .image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.teaser-full-width .rich-text {
  grid-column-end: span var(--grid-total-columns);
  z-index: 10;
  hyphens: auto;
  position: relative;
}

.teaser-full-width .rich-text .button-section {
  margin-top: var(--in-block-m);
}

.teaser-full-width .rich-text a.primary-button {
  text-decoration: none;
}

.teaser-full-width .rich-text::after {
  top: calc(-1 * var(--in-block-xl));
  right: -100%;
  bottom: calc(-1 * var(--in-block-xl));
  content: "";
  z-index: -1;
  background-color: #0009;
  position: absolute;
  left: -100%;
}

@media screen and (width >= 961px) {
  .teaser-full-width .rich-text::after {
    content: none;
  }
}

.teaser-full-width .rich-text::before {
  top: calc(-1 * (var(--in-block-xl) + 2.5 * var(--in-page-l)));
  height: calc(2.5 * var(--in-page-l));
  content: "";
  z-index: -1;
  background: linear-gradient(0deg, #0009 0%, #0000 100%);
  position: absolute;
  left: -100%;
  right: -100%;
}

@media screen and (width >= 961px) {
  .teaser-full-width .rich-text::before {
    content: none;
  }
}

@media screen and (width >= 601px) {
  .teaser-full-width .rich-text {
    grid-column: 2 / span 10;
  }
}

@media screen and (width >= 961px) {
  .teaser-full-width .rich-text {
    grid-column: 1 / span 12;
  }
}

@media screen and (width >= 1281px) {
  .teaser-full-width .rich-text {
    grid-column: 1 / span 10;
  }
}

.teaser-full-width::after {
  content: "";
  z-index: 2;
  background-color: #0003;
  position: absolute;
  inset: 0;
}

@media screen and (width >= 961px) {
  .teaser-full-width {
    height: auto;
  }

  .teaser-full-width::after {
    background: linear-gradient(90deg, #000c 0% 46.15%, #0003 59.62%);
  }
}

.teaserListItem {
  --grid-total-columns: var(--grid-content-columns);
  grid-gap: 0;
  grid-auto-flow: row;
  grid-template-columns: repeat(var(--grid-total-columns), 1fr);
  max-width: var(--max-content-width);
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: grid;
}

.teaserListItem__imageContainer {
  grid-column-end: span var(--grid-total-columns);
  position: relative;
}

@media screen and (width >= 961px) {
  .teaserListItem__imageContainer {
    grid-column-end: span 9;
  }
}

.teaserListItem__image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
}

.teaserListItem__tags {
  top: var(--in-block-xs);
  left: var(--in-block-xs);
  flex-flow: row;
  gap: 1rem;
  display: flex;
  position: absolute;
}

.teaserListItem__tags--inline {
  margin-bottom: var(--in-block-2xs);
  position: static;
}

.teaserListItem__tag {
  color: #0a140a;
  padding: var(--component-spacing-xs) var(--component-spacing-m);
  background-color: #fff;
  border: 1px solid #003b1c;
}

.teaserListItem__content {
  grid-column-end: span var(--grid-total-columns);
  padding-top: var(--in-block-xs);
  padding-inline: var(--in-block-xs);
  flex-flow: column;
  align-self: start;
  display: flex;
}

@media screen and (width >= 961px) {
  .teaserListItem__content {
    grid-column: 11 / span 14;
    align-self: center;
    padding: 0;
  }
}

.teaserListItem__date {
  color: #6e786e;
}

.teaserListItem__headline {
  color: #003b1c;
}

.teaserListItem__copy {
  margin-top: var(--in-block-2xs);
  color: #0a140a;
}

.teaserListItem__footer {
  margin-top: var(--in-block-2xs);
  flex-flow: row;
  justify-content: flex-start;
  display: flex;
}

@media screen and (width >= 961px) {
  .teaserListItem--single .teaserListItem__imageContainer,
  .teaserListItem--single .teaserListItem__content {
    grid-column-end: span 12;
  }
}

.teaserListItem--single .teaserListItem__imageContainer {
  align-self: center;
}

@media screen and (width >= 961px) {
  .teaserListItem--single .teaserListItem__content {
    padding: var(--in-block-s) var(--in-block-m);
    grid-column: 13 / -1;
  }
}

.teaserListItem--without-image .teaserListItem__content {
  padding: var(--in-block-s) var(--in-block-xs);
  border: 0.1rem solid #d4d9d4;
}

@media screen and (width >= 961px) {
  .teaserListItem--without-image .teaserListItem__content {
    grid-column: 1 / -1;
  }
}

.teaserListItem.highlight .teaserListItem__headline,
.teaserListItem.highlight .teaserListItem__copy,
.teaserListItem.highlight .teaserListItem__date {
  color: #fff;
}

@media screen and (width >= 961px) {
  .teaserListItem.highlight:not(.teaserListItem--single)
    .teaserListItem__imageContainer,
  .teaserListItem.highlight:not(.teaserListItem--single)
    .teaserListItem__content {
    grid-column-end: span var(--grid-total-columns);
    grid-column-start: 2;
  }
}

.teaserListItem.highlight:not(.teaserListItem--single)
  .teaserListItem__content {
  padding-top: var(--in-block-s);
  padding-inline: var(--in-block-2xs);
}

.teaserListItem.highlight.teaserListItem--without-image
  .teaserListItem__content {
  border-color: #ffffff3d;
}

@media screen and (width >= 1281px) {
  .teaserList--compact .teaserList__item,
  .teaserList--compact .teaserList__slider {
    grid-column: 3 / span 20;
  }

  .teaserList--compact.highlight
    .baseblock-inner.in-grid:has(.teaserList__item:nth-child(2))
    .teaserList__item {
    grid-column-end: span 10;
  }
}

.teaserList__item {
  grid-column-end: span var(--grid-total-columns);
  padding-block: var(--in-page-s);
}

.teaserList__item:not(:last-child) {
  border-bottom: 1px solid #d4d9d4;
}

.teaserList__slider {
  display: none;
}

.teaserList.highlight {
  padding-block: var(--in-page-m);
}

.teaserList.highlight
  .baseblock-inner.in-grid:has(.teaserList__item:nth-child(2))
  .teaserList__item {
  grid-column-end: span var(--grid-total-columns);
  border: 0;
  padding-block: 0;
}

@media screen and (width >= 601px) {
  .teaserList.highlight
    .baseblock-inner.in-grid:has(.teaserList__item:nth-child(2))
    .teaserList__item {
    grid-column-end: span 6;
  }

  .teaserList.highlight
    .baseblock-inner.in-grid:has(.teaserList__item:nth-child(2))
    .teaserList__item:nth-child(odd) {
    padding-right: calc(var(--in-block-xs) / 2);
  }

  .teaserList.highlight
    .baseblock-inner.in-grid:has(.teaserList__item:nth-child(2))
    .teaserList__item:nth-child(2n) {
    padding-left: calc(var(--in-block-xs) / 2);
  }
}

@media screen and (width >= 961px) {
  .teaserList.highlight
    .baseblock-inner.in-grid:has(.teaserList__item:nth-child(2))
    .teaserList__item {
    grid-column-end: span 12;
  }
}

.teaserList.highlight
  .baseblock-inner.in-grid:has(.teaserList__item:nth-child(2))
  .teaserList__slider {
  grid-column-end: span var(--grid-total-columns);
  margin-top: var(--in-page-s);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  gap: 2.4rem;
  display: flex;
}

@media screen and (width >= 601px) {
  .teaserList.highlight
    .baseblock-inner.in-grid:has(.teaserList__item:nth-child(2))
    .teaserList__slider {
    display: none;
  }
}

.teaserList.highlight
  .baseblock-inner.in-grid:has(.teaserList__item > .teaserListItem--single)
  .teaserList__item {
  grid-column-end: span var(--grid-total-columns);
  border: 0;
  padding-block: 0;
}

@media screen and (width >= 1281px) {
  .text-image-container.text-image-container--compact {
    max-width: 83.3333%;
    margin-inline: auto;
  }
}

.text-image-container .rich-text {
  grid-column-end: span var(--grid-total-columns);
}

.text-image-container .image-wrapper {
  margin-inline: 0;
  margin-top: var(--in-page-s);
  width: 100%;
  margin-bottom: 0;
  position: relative;
}

.text-image-container .image-wrapper.center {
  width: 100vw;
  overflow: hidden;
  transform: translateX(-2.4rem);
}

.text-image-container .image-wrapper.accordion {
  width: 100%;
  transform: translateX(0);
}

.text-image-container .responsive-image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  height: auto;
}

.text-image-container .responsive-image.center {
  width: 100dvw;
}

.text-image-container .responsive-image.aspect-1-1 {
  aspect-ratio: 1;
}

.text-image-container .responsive-image.aspect-4-3 {
  aspect-ratio: 4 / 3;
}

.text-image-container .responsive-image.aspect-16-9 {
  aspect-ratio: 16 / 9;
}

.text-image-container .image-figure-wrapper {
  gap: var(--in-block-2xs);
  flex-direction: column;
  display: flex;
}

.text-image-container .image-caption {
  margin-bottom: var(--in-block-m);
  color: #505950;
  margin-top: 0;
  font-size: 1.4rem;
  line-height: 1.7;
}

.text-image-container .image-caption.center {
  width: 100%;
  max-width: var(--max-content-width);
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding-inline: 0;
}

.text-image-container .icon-wrapper {
  top: var(--in-block-xs);
  right: var(--in-block-xs);
  position: absolute;
}

.text-image-container .icon-holder {
  width: 2.4rem;
  height: 2.4rem;
  overflow: hidden;
}

.text-image-container .image-icon {
  color: #003b1c;
  border-color: #003b1c;
  width: 2.4rem;
  height: 2.4rem;
  line-height: 100%;
  overflow: hidden;
}

.text-image-container .rich-text-wrapper.center {
  --grid-total-columns: var(--grid-content-columns);
  grid-gap: 0;
  grid-auto-flow: row;
  grid-template-columns: repeat(var(--grid-total-columns), 1fr);
  max-width: var(--max-content-width);
  margin: 0 auto;
  padding: 0;
  display: grid;
}

.text-image-container .rich-text-wrapper.center .rich-text-holder {
  grid-column-end: span var(--grid-total-columns);
}

@media screen and (width >= 601px) {
  .text-image-container .image-wrapper.center {
    transform: translateX(-4rem);
  }

  .text-image-container .image-wrapper.accordion {
    transform: translateX(0);
  }

  .text-image-container .rich-text-wrapper.center {
    --grid-total-columns: var(--grid-content-columns);
    grid-gap: 0;
    grid-auto-flow: row;
    grid-template-columns: repeat(var(--grid-total-columns), 1fr);
    max-width: var(--max-content-width);
    margin: 0 auto;
    padding: 0;
    display: grid;
  }

  .text-image-container .rich-text-wrapper.center .rich-text-holder {
    grid-column-end: span var(--grid-total-columns);
  }
}

@media screen and (width >= 961px) {
  .text-image-container .text-image-wrapper {
    grid-column-end: span var(--grid-total-columns);
  }

  .text-image-container .text-image-wrapper.right,
  .text-image-container .text-image-wrapper.left {
    margin-top: var(--in-page-s);
    flex-direction: row;
    align-items: flex-start;
    gap: 4.7rem;
    display: flex;
  }

  .text-image-container .text-image-wrapper.left .image-figure-wrapper {
    flex: 1 1 0;
    order: 1;
  }

  .text-image-container .text-image-wrapper.left .rich-text-wrapper,
  .text-image-container .text-image-wrapper.right .image-figure-wrapper {
    flex: 1 1 0;
    order: 2;
  }

  .text-image-container .text-image-wrapper.right .rich-text-wrapper {
    flex: 1 1 0;
    order: 1;
  }

  .text-image-container .image-wrapper {
    object-fit: cover;
  }

  .text-image-container .image-wrapper.center {
    width: 100%;
    transform: unset;
  }

  .text-image-container .image-wrapper.center .image-caption {
    padding-inline: unset;
  }

  .text-image-container .image-wrapper.right,
  .text-image-container .image-wrapper.left {
    margin-top: 0;
  }

  .text-image-container .rich-text-wrapper.center {
    --grid-total-columns: var(--grid-content-columns);
    grid-gap: 0;
    grid-auto-flow: row;
    grid-template-columns: repeat(var(--grid-total-columns), 1fr);
    max-width: var(--max-content-width);
    margin: 0 auto;
    margin-top: var(--in-page-s);
    padding: 0;
    display: grid;
  }

  .text-image-container .rich-text-wrapper.center .rich-text-holder {
    grid-column-end: span var(--grid-total-columns);
  }
}

.text-image-container.highlight {
  color: #f5f8f5;
}

.text-image-container.highlight .image-icon {
  color: #65ac1e;
}

.text-image-container.highlight .image-caption {
  color: #f5f8f5;
}

.text-image .text-image-container {
  grid-column-end: span var(--grid-total-columns);
}

@media screen and (width >= 1281px) {
  .text-image.text-image--compact .text-image-container {
    grid-column: 3 / span 20;
  }

  .text-image-carousel.text-image-carousel--compact .text-image-container,
  .text-image-carousel.text-image-carousel--compact .slider-section {
    width: 83.3333%;
    margin-left: auto;
    margin-right: auto;
  }
}

.text-image-carousel .slider-section {
  grid-column-end: span var(--grid-total-columns);
  width: 100%;
  margin-top: var(--in-block-l);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2.4rem;
  display: flex;
}

.text-image-carousel .slider-section .slider-navigation {
  margin-inline: 0;
}

.OneTrialCard {
  background-color: #fff;
  border: 0.1rem solid #d4d9d4;
  border-radius: 0.8rem;
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.OneTrialCard__content {
  gap: var(--in-block-xs);
  padding: var(--component-spacing-xl);
  padding-bottom: var(--component-spacing-2xl);
  flex-direction: column;
  display: flex;
}

.OneTrialCard--expandable {
  gap: var(--component-spacing-2xl);
}

.OneTrialCard--expandable .OneTrialCard__content {
  padding-bottom: 0;
}

.OneTrialCard__info {
  gap: var(--component-spacing-m);
  flex-direction: column;
  display: flex;
}

.OneTrialCard__locationRow {
  justify-content: space-between;
  align-items: center;
  gap: var(--component-spacing-m);
  display: flex;
}

.OneTrialCard__locationMeta {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.OneTrialCard__trialType {
  color: #505950;
}

.OneTrialCard__title {
  color: #0a140a;
  font-size: clamp(1.8rem, 1.6798rem + 0.2vw, 2rem);
  line-height: 1.5;
}

.OneTrialCard__subtitle {
  color: #505950;
}

.OneTrialCard .ghost-icon-button {
  flex-shrink: 0;
}

.OneTrialCard__metaRow {
  justify-content: space-between;
  align-items: center;
  height: 2.4rem;
  display: flex;
}

.OneTrialCard__date {
  align-items: center;
  gap: var(--component-spacing-s);
  color: #0a140a;
  display: flex;
}

.OneTrialCard__date .icon {
  color: #003b1c;
  flex-shrink: 0;
}

.OneTrialCard__date span:last-child {
  line-height: 2.4rem;
}

.OneTrialCard__yieldLabel {
  color: #6e786e;
}

.OneTrialCard__bars,
.OneTrialCard__barGroup {
  gap: var(--component-spacing-l);
  flex-direction: column;
  display: flex;
}

.OneTrialCard__barGroup--extra {
  display: none;
}

.OneTrialCard__bar {
  height: 3.2rem;
  padding: 0 var(--component-spacing-xl);
  width: var(--ot-bar-fill, 100%);
  color: #0a140a;
  background-color: #ccdce4;
  border-radius: 12rem;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.OneTrialCard__bar--primary {
  color: #fff;
  background-color: #004a96;
}

.OneTrialCard__bar--extra {
  display: none;
}

.OneTrialCard__barLabel {
  align-items: center;
  gap: var(--component-spacing-xs);
  display: flex;
  overflow: hidden;
}

.OneTrialCard__barLabel span {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 400;
  overflow: hidden;
}

.OneTrialCard__barLabel strong {
  white-space: nowrap;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.7;
}

.OneTrialCard__barValue {
  margin-left: var(--component-spacing-xs);
  flex-shrink: 0;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.7;
}

.OneTrialCard__footer {
  background-color: #f5f8f5;
  border-top: 0.1rem solid #d4d9d4;
  justify-content: center;
  align-items: center;
  height: 5.6rem;
  display: flex;
}

.OneTrialCard__footer .text-button .OneTrialCard__toggleLabel--less {
  display: none;
}

.OneTrialCard__footer .text-button:hover .button-icon {
  transform: none;
}

.OneTrialCard.is-expanded .OneTrialCard__bars {
  gap: var(--in-block-l);
}

.OneTrialCard.is-expanded .OneTrialCard__bar--extra,
.OneTrialCard.is-expanded .OneTrialCard__barGroup--extra {
  display: flex;
}

.OneTrialCard.is-expanded .OneTrialCard__toggleLabel--more {
  display: none;
}

.OneTrialCard.is-expanded .OneTrialCard__toggleLabel--less {
  display: inline;
}

.OneTrialCard.is-expanded .OneTrialCard__footer .text-button .button-icon {
  transform: rotate(180deg);
}

.OneTrialMapControls {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.OneTrialMapControls__right {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.OneTrialMapControls__dpad {
  gap: var(--component-spacing-s);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.OneTrialMapControls__dpad-row {
  gap: var(--component-spacing-s);
  align-items: center;
  display: flex;
}

.OneTrialMapControls__dpad-spacer {
  flex-shrink: 0;
  width: 4rem;
  height: 4rem;
}

.OneTrialMapControls__bottom {
  gap: var(--component-spacing-s);
  align-items: center;
  display: flex;
}

.OneTrialMapControls__zoom {
  background-color: #fff;
  border-radius: 0.8rem;
  display: flex;
  overflow: hidden;
}

.OneTrialMapControls__zoom .OneTrialMapControls__btn {
  background-color: #0000;
  border-radius: 0;
}

.OneTrialMapControls__zoom .OneTrialMapControls__btn:focus-visible {
  border-radius: 0.8rem;
  box-shadow:
    inset 0 0 0 0.2rem #fff,
    inset 0 0 0 0.5rem #003b1c;
}

.OneTrialMapControls__btn {
  cursor: pointer;
  color: #0a140a;
  background-color: #fff;
  border: none;
  border-radius: 0.8rem;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  display: flex;
}

.OneTrialMapControls__btn:hover {
  color: #fff;
  background-color: #003b1c;
}

.OneTrialMapControls__btn:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 0.2rem #fff,
    inset 0 0 0 0.3rem #003b1c;
}

.OneTrialMapLegend {
  gap: var(--in-block-xs);
  padding: var(--in-block-xs);
  background-color: #f5f8f5;
  border-top: 0.1rem solid #d4d9d4;
  border-radius: 0.8rem;
  align-items: flex-start;
  display: flex;
}

@media screen and (width >= 601px) {
  .OneTrialMapLegend {
    padding: var(--in-block-m);
  }
}

.OneTrialMapLegend__items {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.OneTrialMapLegend__item {
  align-items: center;
  gap: var(--component-spacing-s);
  display: flex;
}

.OneTrialMapLegend__label {
  color: #505950;
}

.OneTrialMapLegend__clusterWrapper {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 4.8rem;
  height: 4.8rem;
  display: flex;
}

.OneTrialMapLegend__cluster {
  color: #fff;
  background-color: #00793a;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2.4rem;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.OneTrialMapLegend__close {
  cursor: pointer;
  color: #003b1c;
  background: none;
  border: 0.2rem solid #003b1c;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  display: flex;
}

.OneTrialMapLegend__close:hover {
  color: #fff;
  background-color: #003b1c;
}

.OneTrialMapLegend__close:focus-visible {
  outline-offset: 0.2rem;
  outline: 0.2rem solid #003b1c;
}

.OneTrialOverlay {
  align-items: center;
  gap: var(--in-block-s);
  width: 100%;
  padding: var(--in-block-s) var(--in-block-xl) var(--in-block-xl);
  background-color: #fff;
  border-radius: 1.6rem;
  flex-direction: column;
  display: flex;
}

.OneTrialOverlay__header {
  gap: var(--component-spacing-xs);
  padding-left: var(--component-spacing-xl);
  flex-direction: column;
  align-self: stretch;
  display: flex;
}

.OneTrialOverlay__title {
  color: #0a140a;
  font-size: clamp(2.2rem, 2.0197rem + 0.3vw, 2.5rem);
  line-height: 1.5;
}

.OneTrialOverlay__subtitleRow {
  justify-content: space-between;
  align-items: center;
  gap: var(--component-spacing-m);
  display: flex;
}

.OneTrialOverlay__subtitle {
  color: #505950;
}

.OneTrialOverlay__pills {
  gap: var(--component-spacing-s);
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.OneTrialOverlay__pill {
  height: 2.4rem;
  padding: 0 var(--component-spacing-s);
  color: #fff;
  border-radius: 1.2rem;
  justify-content: center;
  align-items: center;
  font-size: 1.4rem;
  line-height: 2.4rem;
  display: flex;
}

.OneTrialOverlay__pill--amber {
  background-color: #ac651e;
}

.OneTrialOverlay__pill--blue {
  background-color: #1e65ac;
}

.OneTrialOverlay__pill--pink {
  background-color: #ac1e65;
}

.OneTrialOverlay__info {
  gap: var(--component-spacing-m);
  flex-direction: column;
  align-self: stretch;
  display: flex;
}

.OneTrialOverlay__trialType,
.OneTrialOverlay__description {
  color: #505950;
}

.OneTrialOverlay__metaRow {
  align-items: center;
  gap: var(--component-spacing-s);
  height: 2.4rem;
  display: flex;
}

.OneTrialOverlay__metaRow .icon {
  color: #003b1c;
  flex-shrink: 0;
}

.OneTrialOverlay__metaRow span {
  color: #0a140a;
  line-height: 2.4rem;
}

.OneTrialOverlay__infoRow {
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--component-spacing-m);
  align-self: stretch;
  display: flex;
}

.OneTrialOverlay__infoContent {
  gap: var(--component-spacing-m);
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.OneTrialOverlay__actions {
  gap: var(--component-spacing-s);
  flex-direction: column;
  flex-shrink: 0;
  display: flex;
}

.OneTrialOverlay.is-expanded .overlay-handle__icon {
  transform: rotate(180deg);
}

.product-filter .filter-sticky-header {
  border-bottom: 0.1rem solid #d4d9d4;
}

.product-filter {
  height: fit-content;
  max-height: 100%;
}

.product-filter-overlay {
  z-index: 100;
  box-sizing: border-box;
  background-color: #f5f8f5;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.product-filter-overlay .overlay-content {
  width: 100%;
  padding: var(--in-block-s) var(--in-block-s) 0;
  background-color: #f5f8f5;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.product-filter-overlay .products-wrapper {
  row-gap: var(--component-spacing-m);
  padding-bottom: var(--in-block-xl);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.product-filter-overlay .products-container {
  row-gap: var(--component-spacing-m);
  padding-left: var(--component-spacing-l);
  flex-direction: column;
  display: flex;
}

.product-filter-overlay .close-button {
  flex-shrink: 0;
}

@media screen and (width >= 961px) {
  .product-filter-overlay {
    max-width: 66dvw;
  }
}

.demo-viewport-container {
  border: 0.1rem solid #d4d9d4;
  flex-direction: column;
  width: 37.5rem;
  height: 800px;
  display: flex;
  overflow-y: auto;
}

.trial-filter {
  height: fit-content;
  max-height: 100%;
}

.trial-filter-overlay {
  z-index: 100;
  box-sizing: border-box;
  background-color: #f5f8f5;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.trial-filter-overlay .overlay-content {
  width: 100%;
  padding: 0 var(--in-block-s);
  background-color: #f5f8f5;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.trial-filter-overlay .trials-wrapper {
  row-gap: var(--component-spacing-m);
  padding-bottom: var(--in-block-xl);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.trial-filter-overlay .trials-container {
  row-gap: var(--component-spacing-m);
  padding-left: var(--component-spacing-l);
  flex-direction: column;
  display: flex;
}

.trial-filter-overlay .close-button {
  flex-shrink: 0;
}

@media screen and (width >= 961px) {
  .trial-filter-overlay {
    max-width: 66dvw;
  }
}

.demo-viewport-container {
  scrollbar-width: thin;
  scrollbar-color: #003b1c #cce4d8;
  border: 0.1rem solid #d4d9d4;
  flex-direction: column;
  width: 37.5rem;
  height: 800px;
  display: flex;
  overflow-y: auto;
}

.demo-viewport-container::-webkit-scrollbar {
  background-color: #cce4d8;
  width: 0.4rem;
}

.demo-viewport-container::-webkit-scrollbar-track {
  background-color: #cce4d8;
  box-shadow: inset 0 0 0.6rem #0000004d;
}

.demo-viewport-container::-webkit-scrollbar-thumb {
  background-color: #003b1c;
}

.filter-bar {
  background-color: #f5f8f5;
  width: 100%;
}

.filter-bar .filter-buttons {
  column-gap: var(--component-spacing-l);
  flex-direction: row;
  padding: 2rem 2.4rem;
  display: flex;
}

.filter-actions {
  background-color: #f5f8f5;
  width: 100%;
  display: flex;
  position: sticky;
  bottom: 0;
}

.filter-actions .action-buttons {
  align-items: center;
  column-gap: var(--in-block-2xs);
  width: 100%;
  padding: var(--in-block-s) var(--in-block-s);
  border-top: 0.1rem solid #d4d9d4;
  flex-direction: row;
  display: flex;
}

.filter-actions .action-buttons .apply-button {
  height: 50px;
  padding: var(--component-spacing-m) var(--component-spacing-xl);
  justify-content: center;
  align-items: center;
  gap: var(--component-no-spacing);
  flex: 1 0 0;
  display: flex;
}

.filter-actions .action-buttons .clear-button {
  padding: var(--component-spacing-s) 0;
  justify-content: center;
  align-items: flex-start;
  gap: var(--component-spacing-s);
  white-space: nowrap;
  flex: 1 0 0;
  display: flex;
}

.trial-checkbox:not(:last-child) {
  padding-bottom: var(--component-spacing-s);
  border-bottom: 1px solid #d4d9d4;
}

.overlay-background {
  background: linear-gradient(0deg, #003b1c99 0%, #003b1ccc 50%, #003b1c 100%);
  width: 100%;
  height: 100%;
}

.filter-sticky-header {
  z-index: 10;
  background-color: #f5f8f5;
  position: sticky;
  top: 0;
}

.general-filter .filter-sticky-header {
  border-bottom: 0.1rem solid #d4d9d4;
}

.overlay-header {
  width: 100%;
  padding: var(--in-block-s) var(--in-block-s) var(--in-block-s);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.general-filter {
  height: fit-content;
  max-height: 100%;
}

.general-filter-overlay {
  --content-padding: 0;
  z-index: 100;
  box-sizing: border-box;
  background-color: #f5f8f5;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.general-filter-overlay .overlay-content {
  width: 100%;
  padding: var(--in-block-s) var(--in-block-s) 0;
  background-color: #f5f8f5;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.general-filter-overlay .general-filter-wrapper {
  row-gap: var(--in-block-xs);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.general-filter-overlay .container {
  row-gap: var(--component-spacing-m);
  padding-left: var(--component-spacing-l);
  flex-direction: column;
  display: flex;
}

.general-filter-overlay .close-button {
  flex-shrink: 0;
}

@media screen and (width >= 961px) {
  .general-filter-overlay {
    max-width: 66dvw;
  }
}

.filter-chip-container {
  gap: var(--component-spacing-s);
  flex-flow: wrap;
  display: flex;
}

.error-text {
  color: var(--error-light-color);
}

.tabs-wrapper .tab-label {
  padding-inline: 0;
}

.tabs-wrapper .underline {
  background-color: var(--moss-green-color);
}

.tab-content {
  row-gap: var(--in-block-xs);
  padding-bottom: var(--in-block-xl);
  flex-direction: column;
  display: flex;
}

.section-intro {
  color: #505950;
}

.trials-content,
.years-content {
  row-gap: var(--component-spacing-m);
  flex-direction: column;
  display: flex;
}

.properties-content {
  flex-direction: column;
  row-gap: 0;
  display: flex;
}

.properties-content .accordion .header {
  display: none;
}

.properties-content .accordion .accordion--content {
  row-gap: var(--component-spacing-l);
  margin: var(--component-spacing-l);
  flex-direction: column;
  padding: 0;
  display: flex;
}

.properties-wrapper {
  row-gap: var(--component-spacing-m);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.properties-container {
  row-gap: var(--component-spacing-m);
  padding-left: var(--component-spacing-l);
  flex-direction: column;
  display: flex;
}

.properties-container.single-select {
  padding-left: 0;
}

.hybrid-label {
  color: #0a140a;
  display: inline;
}

.hybrid-label__brand {
  font-weight: 400;
}

.hybrid-label__product {
  font-weight: 700;
}

.hybrid-label--link {
  color: #003b1c;
  text-underline-offset: 0.2rem;
  text-decoration: underline;
}

.hybrid-label--link:hover {
  color: #00793a;
}

.trial-results-table {
  width: 100%;
  padding-bottom: var(--in-block-xl);
  flex-direction: column;
  display: flex;
}

@media screen and (width >= 601px) {
  .trial-results-table {
    padding-bottom: 0;
  }
}

.trial-results-table.is-expanded .overlay-handle__icon {
  transform: rotate(180deg);
}

.trial-results-table__handle-wrapper {
  padding: var(--in-block-s) 0;
  justify-content: center;
  display: flex;
}

@media screen and (width >= 601px) {
  .trial-results-table__handle-wrapper {
    display: none;
  }
}

.trial-results-table__tabs-wrapper {
  --content-padding: 0;
  scrollbar-width: none;
  padding-left: var(--component-spacing-2xl);
  padding-right: var(--component-spacing-2xl);
  margin-bottom: var(--component-spacing-xl);
  overflow-x: auto;
}

.trial-results-table__tabs-wrapper::-webkit-scrollbar {
  display: none;
}

.trial-results-table__tabs-wrapper .tabs-section-desktop {
  min-width: max-content;
}

.trial-results-table__tabs-wrapper .tabs-section-desktop .tab-label {
  flex: none;
}

.trial-results-table__tabs-wrapper .tabs-section-desktop [class*="underline"] {
  display: none;
}

.trial-results-table__tabs-wrapper
  .tabs-section-desktop
  input[type="radio"]:checked
  + .tab-label::after {
  content: "";
  bottom: calc(-1 * var(--component-spacing-m));
  z-index: 1;
  background-color: #00793a;
  height: 0.4rem;
  position: absolute;
  left: 0;
  right: 0;
}

.trial-results-table__controls {
  align-items: center;
  gap: var(--component-spacing-s);
  padding: var(--component-spacing-xl) var(--component-spacing-2xl);
  display: flex;
}

.trial-results-table__dropdown {
  flex: 1;
  margin: 0;
}

.trial-results-table__controls-info {
  flex-shrink: 0;
  position: relative;
}

.trial-results-table__controls-info .trial-results-table__icon-btn {
  color: #003b1c;
  width: 2.4rem;
  height: 2.4rem;
}

.trial-results-table__controls-info
  .trial-results-table__icon-btn.is-open
  .trial-results-table__tooltip {
  opacity: 1;
  pointer-events: auto;
}

.trial-results-table__controls-info .trial-results-table__tooltip {
  top: auto;
  bottom: calc(100% + var(--component-spacing-s));
  left: auto;
  right: 0;
  transform: none;
}

.trial-results-table__controls-info:hover .trial-results-table__tooltip,
.trial-results-table__controls-info:focus-within .trial-results-table__tooltip {
  opacity: 1;
  pointer-events: auto;
}

.trial-results-table__desktop-view,
.trial-results-table th .trial-results-table__icon-btn,
.trial-results-table
  trial-results-table--compact
  th.trial-results-table__icon-btn {
  display: none;
}

@media screen and (width >= 601px) {
  .trial-results-table:not(.trial-results-table--compact)
    .trial-results-table__handle-wrapper,
  .trial-results-table:not(.trial-results-table--compact)
    .trial-results-table__controls,
  .trial-results-table:not(.trial-results-table--compact)
    .trial-results-table__mobile-view {
    display: none;
  }

  .trial-results-table:not(.trial-results-table--compact)
    th
    .trial-results-table__icon-btn,
  .trial-results-table:not(.trial-results-table--compact)
    .trial-results-table__desktop-view {
    display: block;
  }

  .trial-results-table:not(.trial-results-table--compact)
    .trial-results-table__tabs-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .trial-results-table:not(.trial-results-table--compact)
    .trial-results-table__tabs-wrapper
    .tabs-section-desktop {
    width: fit-content;
    min-width: 0;
  }
}

.trial-results-table__wrap {
  width: 100%;
  overflow-x: hidden;
}

.trial-results-table__wrap--scroll {
  scrollbar-width: none;
  overflow-x: auto;
}

.trial-results-table__wrap--scroll::-webkit-scrollbar {
  display: none;
}

.trial-results-table__nav {
  display: none;
}

@media screen and (width >= 601px) {
  .trial-results-table.has-overflow .trial-results-table__nav {
    justify-content: flex-end;
    gap: var(--component-spacing-s);
    padding-top: var(--component-spacing-2xl);
    display: flex;
  }
}

@media screen and (width >= 961px) {
  .trial-results-table.has-overflow .trial-results-table__nav {
    padding-top: var(--component-spacing-xl);
  }
}

.trial-results-table__table {
  border-collapse: collapse;
  width: 100%;
  min-width: max-content;
}

.trial-results-table__header-row {
  background-color: #003b1c;
}

.trial-results-table__th {
  color: #fff;
  padding: var(--component-spacing-m) var(--component-spacing-xl);
  text-align: left;
  white-space: nowrap;
  background-color: #003b1c;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.75;
}

.trial-results-table__th:first-child {
  border-right: 0.1rem solid #00793a;
}

.trial-results-table__th-inner {
  align-items: center;
  gap: var(--component-spacing-s);
  display: flex;
}

.trial-results-table__icon-btn {
  cursor: pointer;
  color: #fff;
  opacity: 0.8;
  background: none;
  border: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  display: inline-flex;
  position: relative;
}

.trial-results-table__icon-btn:hover,
.trial-results-table__icon-btn:focus-visible {
  opacity: 1;
}

.trial-results-table__icon-btn:hover .trial-results-table__tooltip,
.trial-results-table__icon-btn:focus-visible .trial-results-table__tooltip {
  opacity: 1;
  pointer-events: auto;
}

.trial-results-table__tooltip {
  top: calc(100% + var(--component-spacing-s));
  min-width: 20rem;
  padding: 0 var(--component-spacing-s);
  color: #0a140a;
  white-space: normal;
  text-align: left;
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  background-color: #fff;
  border: 0.1rem solid #6e786e;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.trial-results-table__sort-btn {
  cursor: pointer;
  color: #fff;
  opacity: 0.7;
  background: none;
  border: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  transition: opacity 0.15s ease-in-out;
  display: inline-flex;
}

.trial-results-table__sort-btn .icon {
  transition: transform 0.15s ease-in-out;
}

.trial-results-table__sort-btn:hover {
  opacity: 1;
}

.trial-results-table__sort-btn.is-asc .icon {
  transform: rotate(180deg);
}

.trial-results-table__row .trial-results-table__td {
  background-color: #fff;
}

.trial-results-table__row.is-basf-product .trial-results-table__td {
  background-color: #f5f8f5;
}

.trial-results-table__row:last-child .trial-results-table__td {
  border-bottom-color: #003b1c;
}

.trial-results-table__td {
  padding: var(--component-spacing-m) var(--component-spacing-xl);
  color: #0a140a;
  white-space: nowrap;
  border-bottom: 0.1rem solid #a8b0a8;
  height: 5.2rem;
  font-size: 1.6rem;
  line-height: 1.75;
}

.trial-results-table__td:first-child {
  border-right: 0.1rem solid #003b1c;
}

.OneTrialMapSearch {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.OneTrialMapSearch__results {
  background-color: #f5f8f5;
  border: 0.1rem solid #d4d9d4;
  border-top: none;
  border-radius: 0 0 0.4rem 0.4rem;
  overflow: hidden;
}

.OneTrialMapSearch__list {
  padding: 0 var(--in-block-s);
  margin: 0;
  list-style: none;
}

.OneTrialMapSearch__item {
  justify-content: space-between;
  align-items: center;
  gap: var(--component-spacing-s);
  padding: var(--component-spacing-m) 0;
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  border-bottom: 0.1rem solid #d4d9d4;
  width: 100%;
  display: flex;
}

li:last-child > .OneTrialMapSearch__item {
  border-bottom: none;
}

.OneTrialMapSearch__item:hover .OneTrialMapSearch__city {
  text-decoration: underline;
}

.OneTrialMapSearch__item:focus-visible {
  outline-offset: 0.4rem;
  border-radius: 0.4rem;
  outline: 0.2rem solid #003b1c;
}

.OneTrialMapSearch__location {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.OneTrialMapSearch__city {
  color: #003b1c;
  font-size: clamp(1.8rem, 1.6798rem + 0.2vw, 2rem);
  line-height: 1.5;
}

.OneTrialMapSearch__address {
  color: #505950;
}

.OneTrialMapSearch__pills {
  align-items: center;
  gap: var(--component-spacing-s);
  flex-shrink: 0;
  display: flex;
}

.OneTrialMapSearch__pill {
  min-width: 2.4rem;
  height: 2.4rem;
  padding: 0 var(--component-spacing-s);
  color: #fff;
  white-space: nowrap;
  border-radius: 1.2rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.OneTrialMapSearch__pill--amber {
  background-color: #ac651e;
}

.OneTrialMapSearch__pill--blue {
  background-color: #1e65ac;
}

.OneTrialMapSearch__pill--pink {
  background-color: #ac1e65;
}

.OneTrialMapSearch__actions {
  padding: var(--in-block-s);
  border-top: 0.1rem solid #d4d9d4;
}

.OneTrialMapSearch__actions .primary-button {
  justify-content: center;
  width: 100%;
}

[class^="pictogram--"] {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 4.8rem;
  height: 4.8rem;
  display: inline-block;
}

.pictogram--pin-circle {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0IDhDMTcuMzcyNiA4IDEyIDEzLjE2NTkgMTIgMTkuNTM4NUMxMiAyMi42ODMyIDEzIDI2IDE1Ljk5OTggMzBMMjQgNDBMMzIgMjkuOTIzMUMzNS42IDI1LjMwNzcgMzYgMjIuNjgzMiAzNiAxOS41Mzg1QzM2IDEzLjE2NTkgMzAuNjI3NCA4IDI0IDhaIiBmaWxsPSIjQUM2NTFFIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiLz4KPGNpcmNsZSBjeD0iMjQiIGN5PSIyMCIgcj0iNCIgZmlsbD0iI0FDNjUxRSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=");
}

.pictogram--pin-square {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0IDhDMTcuMzcyNiA4IDEyIDEzLjE2NTkgMTIgMTkuNTM4NUMxMiAyMi42ODMyIDEzIDI2IDE1Ljk5OTggMzBMMjQgNDBMMzIgMjkuOTIzMUMzNS42IDI1LjMwNzcgMzYgMjIuNjgzMiAzNiAxOS41Mzg1QzM2IDEzLjE2NTkgMzAuNjI3NCA4IDI0IDhaIiBmaWxsPSIjMUU2NUFDIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiLz4KPHJlY3QgeD0iMjAiIHk9IjE2IiB3aWR0aD0iOCIgaGVpZ2h0PSI4IiBmaWxsPSIjMUU2NUFDIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==");
}

.pictogram--pin-triangle {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0IDhDMTcuMzcyNiA4IDEyIDEzLjE2NTkgMTIgMTkuNTM4NUMxMiAyMi42ODMyIDEzIDI2IDE1Ljk5OTggMzBMMjQgNDBMMzIgMjkuOTIzMUMzNS42IDI1LjMwNzcgMzYgMjIuNjgzMiAzNiAxOS41Mzg1QzM2IDEzLjE2NTkgMzAuNjI3NCA4IDI0IDhaIiBmaWxsPSIjQUMxRTY1IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTI0IDE2TDI4IDI0SDIwTDI0IDE2WiIgZmlsbD0iI0FDMUU2NSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=");
}

.overlay-handle {
  align-items: center;
  gap: var(--component-spacing-s);
  color: #00793a;
  cursor: default;
  background: none;
  border: none;
  width: 12.8rem;
  padding: 0;
  display: flex;
}

.overlay-handle button.overlay-handle {
  cursor: pointer;
}

.overlay-handle__bar {
  background-color: currentcolor;
  flex: 1;
  height: 0.2rem;
}

.overlay-handle__icon {
  will-change: transform;
  transition: transform 0.25s cubic-bezier(0.33, 1, 0.68, 1);
}

.FilterBar .filter-bar-section {
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.FilterBar .filter-tag-section {
  gap: var(--in-block-3xs);
  display: flex;
}

@media screen and (width >= 961px) {
  .FilterBar .filter-bar-section {
    padding-bottom: var(--in-block-2xs);
    border-bottom: 0.1rem solid #d4d9d4;
  }
}

.filter-button {
  will-change: transform;
  color: #0a140a;
  padding: var(--component-spacing-xs) var(--component-spacing-xl);
  cursor: pointer;
  text-wrap: nowrap;
  background-color: #fff;
  border: 0.1rem solid #003b1c;
  border-radius: 12rem;
  align-items: center;
  height: 4rem;
  transition: transform 0.15s ease-in-out;
  display: flex;
}

.filter-button.is-active {
  color: #fff;
  background-color: #003b1c;
}

.filter-button.is-active:hover,
.filter-button.is-active:focus-visible {
  background-color: #505950;
}

.filter-button.is-active:focus-visible {
  outline-color: #003b1c;
}

.filter-button.is-active .button-icon.action {
  color: #65ac1e;
}

.filter-button .button-icon {
  display: none;
}

.filter-button:hover,
.filter-button:focus-visible {
  will-change: border, outline, background-color, transform;
  background-color: #f5f8f5;
  border-color: #003b1c;
  transition:
    border 0.125s cubic-bezier(0.33, 1, 0.68, 1),
    outline 0.125s cubic-bezier(0.33, 1, 0.68, 1),
    background-color 0.125s cubic-bezier(0.33, 1, 0.68, 1),
    transform 0.125s cubic-bezier(0.33, 1, 0.68, 1);
}

.filter-button:active {
  transform: scale(0.96);
}

.filter-button:focus-visible {
  outline-offset: 0.2rem;
  outline: 0.2rem solid #003b1c;
}

.filter-button:disabled {
  opacity: 0.4;
  pointer-events: none;
}

.filter-button.highlight {
  color: #fff;
  background-color: #003b1c;
  border-color: #fff;
}

.filter-button.highlight.is-active {
  color: #0a140a;
  background-color: #fff;
}

.filter-button.highlight.is-active:hover,
.filter-button.highlight.is-active:focus-visible {
  background-color: #d4d9d4;
}

.filter-button.highlight:hover,
.filter-button.highlight:focus-visible {
  background-color: #505950;
}

.filter-button.highlight:focus-visible {
  outline: 0.2rem solid #65ac1e;
}

.filter-button.highlight .button-icon {
  color: #00793a;
}

.filter-button.is-filtered .button-icon {
  margin-right: var(--component-spacing-xs);
  color: #65ac1e;
  display: block;
}

.trial-checkbox input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.trial-checkbox .checkbox-view {
  will-change: box-shadow, border-color;
  background-color: #fff;
  border: 2px solid #003b1c;
  border-radius: 2px;
  width: 16px;
  height: 16px;
  transition:
    box-shadow 0.125s cubic-bezier(0.33, 1, 0.68, 1),
    border-color 0.125s cubic-bezier(0.33, 1, 0.68, 1);
}

.trial-checkbox:not(.is-disabled):hover input ~ .checkbox-view {
  border-color: #00793a;
  box-shadow: 0 0 0 3px #d4d9d4;
}

.trial-checkbox input:checked ~ .checkbox-view {
  background-color: #00793a;
  border-color: #00793a;
}

.trial-checkbox .checkbox-view::after {
  content: "";
  display: none;
  position: absolute;
}

.trial-checkbox.is-disabled .checkbox-view {
  border-color: #003b1c;
}

.trial-checkbox input:checked ~ .checkbox-view::after {
  border: 2px solid #fff;
  border-width: 0 2px 2px 0;
  width: 5px;
  height: 10px;
  display: block;
  top: 38%;
  left: 6px;
  transform: rotate(45deg);
}

.trial-checkbox input:focus-visible ~ .checkbox-view {
  outline-offset: 0.3rem;
  outline: solid #003b1c;
}

.colors-container {
  padding-left: var(--content-padding);
  padding-right: var(--content-padding);
  max-width: var(--max-content-width);
  flex-direction: column;
  margin-top: 27.45rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.info-text {
  margin-top: 4rem;
}

.category {
  margin-top: 10rem;
}

.category-title {
  margin-bottom: 3rem;
}

.colors {
  flex-wrap: wrap;
  gap: 4rem 3.2rem;
  display: flex;
}

.color-block-wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.color-wrapper {
  color: #fff;
  text-align: center;
  border-radius: 1rem;
  flex-direction: column;
  width: 20rem;
  height: 20rem;
  margin-bottom: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.color-wrapper.with-border {
  border: 0.1rem solid #ccc;
}

.color-block {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50%;
  display: flex;
}

.color-block-full {
  height: 100%;
}

.info-section {
  text-align: center;
  font-size: 1.8rem;
}

.copy-button {
  margin-left: auto;
  margin-right: auto;
  margin-block: 1rem;
}

.color-text {
  font-size: 6.4rem;
  font-weight: bold;
}

.icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.icon::before {
  content: "";
  width: 100%;
  height: 100%;
  color: inherit;
  background-color: currentcolor;
  display: block;
  mask-position: center;
  mask-size: 100%;
  mask-repeat: no-repeat;
}

.icon--small {
  width: 16px;
  height: 16px;
}

.icon--large {
  width: 48px;
  height: 48px;
}

.icon--burger::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDE3SDdNNyA3SDE3TTQgMTJIMjAiIHN0cm9rZT0iIzAwM0IxQyIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=");
}

.icon--arrow-down::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Imljb25zL2Fycm93LWRvd24tbmV3Ij4KPHBhdGggaWQ9IlZlY3RvciA5OCIgZD0iTTEyIDNWMjAiIHN0cm9rZT0iIzAwM0IxQyIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGlkPSJWZWN0b3IgOTkiIGQ9Ik0yMCAxMkwxMiAyMEw0IDEyIiBzdHJva2U9IiMwMDNCMUMiIHN0cm9rZS13aWR0aD0iMiIvPgo8L2c+Cjwvc3ZnPgo=");
}

.icon--arrow-down-right::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Imljb25zL2Fycm93LWRvd24tcmlnaHQiPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNMTkgMTlMNSA1IiBzdHJva2U9IiMwMDNCMUMiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBpZD0iVmVjdG9yXzIiIGQ9Ik05IDE5SDE5VjkiIHN0cm9rZT0iIzAwM0IxQyIgc3Ryb2tlLXdpZHRoPSIyIi8+CjwvZz4KPC9zdmc+Cg==");
}

.icon--arrow-left::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Imljb25zL2Fycm93LWxlZnQiPgo8cGF0aCBpZD0iVmVjdG9yIDk5IiBkPSJNMjAgMTJIMyIgc3Ryb2tlPSIjMDAzQjFDIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggaWQ9IlZlY3RvciAxMDAiIGQ9Ik0xMSA0TDMgMTJMMTEgMjAiIHN0cm9rZT0iIzAwM0IxQyIgc3Ryb2tlLXdpZHRoPSIyIi8+CjwvZz4KPC9zdmc+Cg==");
}

.icon--arrow-right::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M3 12L19 12' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3Cpath d='M12 4L19 12L12 20' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--arrow-up::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Imljb25zL2Fycm93LXVwLW5ldyI+CjxwYXRoIGlkPSJWZWN0b3IgOTkiIGQ9Ik0xMiAyMVY0IiBzdHJva2U9IiMwMDNCMUMiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBpZD0iVmVjdG9yIDEwMCIgZD0iTTIwIDEyTDEyIDRMNCAxMiIgc3Ryb2tlPSIjMDAzQjFDIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9nPgo8L3N2Zz4K");
}

.icon--arrow-up-right::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Imljb25zL2Fycm93LXVwLXJpZ2h0Ij4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE5IDUuMDAwMDFMNSAxOSIgc3Ryb2tlPSIjMDAzQjFDIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggaWQ9IlZlY3Rvcl8yIiBkPSJNMTkgMTVWNS4wMDAwMUg5IiBzdHJva2U9IiMwMDNCMUMiIHN0cm9rZS13aWR0aD0iMiIvPgo8L2c+Cjwvc3ZnPgo=");
}

.icon--burger-icon::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M4 12H11.5H20M17 17H7M7 7H17' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--check-square::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M17 8L13.3791 11.5L9.75817 15L7 12.3131' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3Cpath d='M20 20H4V4H20V20Z' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--check::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M19.5024 6.57898L14.2512 11.7895L9 17.0001L5 13.0001' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--chevron-down::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M18.5 9L12 15L5.5 9' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--chevron-left::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M15 18.5L9 12L15 5.5' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--chevron-right::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M9 18.5L15 12L9 5.5' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--chevron-up::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M18.5 15L12 9L5.5 15' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--close::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M6.49878 17.5L17.4988 6.5M17.4988 17.5L6.49878 6.5' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--comment::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M20 5H4V16H13L16 18V16H20V5Z' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3Cpath d='M7 10.5H9M11 10.5H13M15 10.5H17' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--copy::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M7.625 13.75H5V5H13.75V7.625M19 19V10.25H15.5H10.25V19H19Z' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--crop::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M12 10.5C12 5.49997 14.5 4 19 4C19 8.5 16.5 10.5 12 10.5ZM12 10.5V18.5M7.99998 21C7.99998 19.364 9.79084 18 12 18C14.2091 18 16 19.364 16 21H7.99998ZM11.9703 13C11.9703 7.99996 9.97034 6.49999 5.47034 6.49999C5.47034 11 7.97034 13 11.9703 13Z' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--directions::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzY2MjNfNjQyNzApIj4KPHBhdGggZD0iTTEzLjAwMSAxNS43NVYxOS41ODU5TDE0LjczMTQgMTcuODU1NUwxNi4xNDU1IDE5LjI2OTVMMTIuMDAxIDIzLjQxNDFMNy44NTY0NSAxOS4yNjk1TDkuMjcwNTEgMTcuODU1NUwxMS4wMDEgMTkuNTg1OVYxNS43NUgxMy4wMDFaTTYuMTQ0NTMgOS4yNjk1M0w0LjQxNTA0IDEwLjk5OUw4LjI1MDk4IDExVjEzSDQuNDE1MDRMNi4xNDQ1MyAxNC43MzA1TDQuNzMwNDcgMTYuMTQ0NUwwLjU4NTkzOCAxMkw0LjczMDQ3IDcuODU1NDdMNi4xNDQ1MyA5LjI2OTUzWk0yMy40MTUgMTJMMTkuMjcwNSAxNi4xNDQ1TDE3Ljg1NjQgMTQuNzMwNUwxOS41ODU5IDEzTDE1Ljc1MSAxMy4wMDFMMTUuNzUyIDEyTDE1Ljc1MSAxMC45OTlIMTkuNTg1OUwxNy44NTY0IDkuMjY5NTNMMTkuMjcwNSA3Ljg1NTQ3TDIzLjQxNSAxMlpNMTYuMTQ1NSA0LjczMDQ3TDE0LjczMTQgNi4xNDQ1M0wxMy4wMDEgNC40MTQwNlY4LjI1SDExLjAwMVY0LjQxNDA2TDkuMjcwNTEgNi4xNDQ1M0w3Ljg1NjQ1IDQuNzMwNDdMMTIuMDAxIDAuNTg1OTM4TDE2LjE0NTUgNC43MzA0N1oiIGZpbGw9IiMwMDNCMUMiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF82NjIzXzY0MjcwIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
}

.icon--download::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M12 3.5V15M12 15L17 10M12 15L7 10M4 16V20H20V16' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--edit::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M14.8153 6.30814L4.61191 16.5116L3.97026 20.1532L7.61191 19.5116L17.8153 9.30814M14.8153 6.30814L16.9264 4.19705C17.8118 3.31166 19.2014 3.2658 20.0296 4.09395C20.8577 4.92209 20.8118 6.31166 19.9264 7.19705L17.8153 9.30814M14.8153 6.30814L17.8153 9.30814' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--favorite::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M11.9998 5.02808L14.353 9.79613L19.6149 10.5607L15.8074 14.2721L16.7062 19.5127L11.9998 17.0385L7.29349 19.5127L8.19233 14.2721L4.38481 10.5607L9.64667 9.79613L11.9998 5.02808Z' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--filter::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMjBWMTcuNU00IDE1SDhNNiAxMi41VjRNMTIgNFY2LjVNMTAgOUgxNE0xMiAxMS41VjIwTTE4IDIwVjE1LjVNMTYgMTNIMjBNMTggMTAuNVY0IiBzdHJva2U9IiMwMDNCMUMiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K");
}

.icon--handle::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M5 17L17 5M11.0001 16.9999L17.0001 10.9999' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--home::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M8 21V14H16V21M4 21V9.63158L12 3L20 9.63158V21H4ZM11.5 10H12.5V9H11.5V10Z' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--information::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M11 6.5H13M12 9V18M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3Z' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--language::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNjY2NjcgOC42NjY2N0w0LjI2MTkgN000LjI2MTkgN0w1LjMzMzMzIDRINi4zMzMzM0w2LjY2NjY3IDUuMTY2NjdWN0g0LjI2MTlaTTYuNjY2NjcgNC42NjY2N0gxNFYxMi41NjQxSDEyLjE2NjdNNi42NjY2NyA0LjY2NjY3VjEyLjU2NDFIMTAuNzkxN002LjY2NjY3IDQuNjY2NjdIOS4zMzMzM1YySDJWMTAuMTAyNkgzLjY2NjY3TTYuNjY2NjcgNC42NjY2N1YxMC4xMDI2SDQuOTE2NjdNMTAuNzkxNyAxMi41NjQxTDEyLjE2NjcgMTRWMTIuNTY0MU0xMC43OTE3IDEyLjU2NDFIMTIuMTY2N000LjkxNjY3IDEwLjEwMjZMMy42NjY2NyAxMS4zMzMzVjEwLjEwMjZNNC45MTY2NyAxMC4xMDI2SDMuNjY2NjdNOCA3LjMzMzMzSDEwLjMzMzNNMTAuMzMzMyA3LjMzMzMzVjZNMTAuMzMzMyA3LjMzMzMzSDExLjY2NjdNMTEuNjY2NyA3LjMzMzMzSDEyLjY2NjdNMTEuNjY2NyA3LjMzMzMzTDggMTEuMzMzM00xMi4xNDkyIDEwLjcyNDNDMTEuMTMgMTAuNDU0OCA5LjQ1NzI4IDkuMzU4NDcgOC44MDM3NiA4LjUzMTYiIHN0cm9rZT0iIzUwNTk1MCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==");
}

.icon--location::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M11 10H13M6 9.76923C6 6.58297 8.68629 4 12 4C15.3137 4 18 6.58297 18 9.76923C18 11.3416 17.8 12.6538 16 14.9615L12 20L7.99989 15C6.5 13 6 11.3416 6 9.76923Z' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--mail::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Imljb25zL21haWwiPgo8cGF0aCBpZD0iVmVjdG9yIDc4IiBkPSJNMyAxOFY2SDIxVjE4SDNaIiBzdHJva2U9IiMwMDNCMUMiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBpZD0iVmVjdG9yIDc5IiBkPSJNMyA2TDEyIDEyLjVMMjEgNiIgc3Ryb2tlPSIjMDAzQjFDIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9nPgo8L3N2Zz4K");
}

.icon--maximize::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkZyYW1lIDIwODU2NjEwNjciPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNMTggMThMMTMgMTNNMiAxOEw3IDEzTTIgMkw3IDdNMTggMkwxMyA3IiBzdHJva2U9IiMwMDNCMUMiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBpZD0iVmVjdG9yXzIiIGQ9Ik0xMi41IDE4SDE4VjEyLjVNNy41IDE4SDJWMTIuNU03LjUgMkgyVjcuNU0xMi41IDJIMThWNy41IiBzdHJva2U9IiMwMDNCMUMiIHN0cm9rZS13aWR0aD0iMiIvPgo8L2c+Cjwvc3ZnPgo=");
}

.icon--minus::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M6 12L18 12' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--pause::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M14 19V5H18V19H14Z' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3Cpath d='M10 5H6V19H10V5Z' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--pest::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M17 12V11C17 8.23858 14.7614 6 12 6C9.23858 6 7 8.23858 7 11V12M17 12V16C17 18.2091 14.7614 20 12 20M17 12H12M17 12L19.5 11L20 9M7 12H12M7 12V16C7 18.2091 9.23858 20 12 20M7 12L4.5 11L4 9M12 12V20M7 15H4M7.5 18L4.5 19L4 21M17 15H20M16.5 18L19.5 19L20 21M16 3C16 3.99896 15.2125 5.95475 14.5 6.5M8 3C8 3.99896 8.78749 5.95475 9.5 6.5' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--play::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M8 19V5L17 12L8 19Z' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--plus::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M6 12H18M12 6V18' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--print::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M7 8H3V17H21V8H17M17 14H19M7 11V3H17V11H7ZM7 17V21H17V17H7Z' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--product-use::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M18 9H6V6.6L10 5V3H14V5L18 6.6V9Z' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3Cpath d='M8 11V13M12 13V15M16 11V13M18 14.5V16.5M20 18V20M12 20V22M12 16.5V18.5M6 14.5V16.5M4 18V20' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--product::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M15 7L18 10V21H6L6 10L9 7M15 7H9M15 7V3H9V7' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3Cpath d='M15 12H9V18H15V12Z' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--question::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10M12 13H11M12 13V15M12 16.5V18.5' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3Crect x='3' y='3' width='18' height='18' rx='9' stroke='%23003B1C' stroke-width='2'%3E%3C/rect%3E %3C/svg%3E");
}

.icon--quote::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M19 12C19 14.7614 17.7614 17 15 17M19 12H14V7H19V12ZM10 12C10 15 9 17 6 17M10 12H5V7H10V12Z' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--search::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M13.5 13.5L20 20M15 9.5C15 12.5376 12.5376 15 9.5 15C6.46243 15 4 12.5376 4 9.5C4 6.46243 6.46243 4 9.5 4C12.5376 4 15 6.46243 15 9.5Z' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--settings::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M5.94565 5.61177L8.31563 5.83165L9.31147 3.66649C10.1365 3.41071 11.0135 3.27295 11.9226 3.27295C12.8318 3.27295 13.7089 3.41074 14.534 3.66659L15.5298 5.83165L17.8995 5.6118C19.1848 6.80016 20.1151 8.36684 20.5135 10.135L19.1369 12.0793L20.5135 14.0236C20.1151 15.7917 19.1848 17.3584 17.8995 18.5468L15.5298 18.3269L14.534 20.492C13.7089 20.7478 12.8318 20.8856 11.9226 20.8856C11.0135 20.8856 10.1365 20.7479 9.31147 20.4921L8.31563 18.3269L5.94565 18.5468C4.66045 17.3585 3.73016 15.7919 3.33167 14.0239L4.70856 12.0793L3.33167 10.1347C3.73016 8.36666 4.66045 6.80007 5.94565 5.61177Z' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3Cpath d='M14.8535 12.1087C14.8535 13.7353 13.5348 15.0539 11.9082 15.0539C10.2816 15.0539 8.963 13.7353 8.963 12.1087C8.963 10.4821 10.2816 9.16343 11.9082 9.16343C13.5348 9.16343 14.8535 10.4821 14.8535 12.1087Z' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--share::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M14.5 4H20V9.5M20 4L12.5 11.5M18 12V20H4V6H12' stroke='%23003B1C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E %3C/svg%3E");
}

.icon--shopping-cart::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M4.42105 11.5L6.31579 20H17.6842L19.5789 11.5M4.42105 11.5H3V8.3125H7.26316M4.42105 11.5H19.5789M19.5789 11.5H21V9.90625V8.3125H7.26316M19.5789 11.5H17.6842M12 14.0067V18M15 14.0067V18M8.96919 14.0067V18M7.26316 8.3125L9.1579 3M7.26316 8.3125H16.7368L14.8421 3' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--slide-horizontal::before {
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9%2019L3%2012L9%205M15%2019L21%2012L15%205%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
}

.icon--sound-loud::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M11 7V18L6.2 14.5H3V10.5H6.2L11 7Z' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3Cpath d='M14.8284 8.82843C16.2426 10.2426 16.2426 13.0711 14.8284 14.4853M17.6569 6C20.4853 8.82843 20.4853 14.4853 17.6569 17.3137' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--sound-mute::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M11 7V18L6.2 14.5H3V10.5H6.2L11 7Z' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3Cpath d='M15 9L20 14M15 14L20 9' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--sound-quiet::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M11 7V18L6.2 14.5H3V10.5H6.2L11 7Z' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3Cpath d='M14.8284 8.82843C16.2426 10.2426 16.2426 13.0711 14.8284 14.4853' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--stop::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Imljb25zL3N0b3AiPgo8cGF0aCBpZD0ic3RvcCIgZD0iTTE5IDVINVYxOUgxOVY1WiIgc3Ryb2tlPSIjMDAzQjFDIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9nPgo8L3N2Zz4K");
}

.icon--sun::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M16.5 7.5L18 6M7.5 7.5L6 6M7.5 16.5L6 18M16.5 16.5L18 18M18 12H22M2 12H6M12 18V22M12 2V6M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--telephone::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M12 8C14 8 16 10 16 12M12 4C16 4 20 8 20 12M3.14564 7H7.95146L8.38835 11.5328L7.07768 12.4394C7.07768 12.4394 7.62379 14.2525 9.26214 15.6124C10.9005 16.9722 12.7573 17.4255 12.7573 17.4255L13.6311 15.6124L18 16.0657V20.5985C18 20.5985 12.3204 22.4116 7.07765 18.3321C1.83493 14.2525 3.14564 7 3.14564 7Z' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--temperature::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M6.95894 18.4023C7.60752 18.4023 8.13329 17.8766 8.13329 17.228C8.13329 16.5794 7.60752 16.0536 6.95894 16.0536C6.31037 16.0536 5.7846 16.5794 5.7846 17.228C5.7846 17.8766 6.31037 18.4023 6.95894 18.4023ZM6.95894 18.4023V7.7359M10.9465 17.1882C10.9465 19.3905 9.16119 21.1759 6.95886 21.1759C4.75653 21.1759 2.97119 19.3905 2.97119 17.1882C2.97119 16.0072 3.4846 14.9461 4.30042 14.2159L4.30054 5.60311C4.30056 4.13491 5.49079 2.9447 6.95899 2.9447C8.42722 2.9447 9.61746 4.13495 9.61744 5.60318L9.61731 14.2159C10.4331 14.9461 10.9465 16.0072 10.9465 17.1882Z' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3Cpath d='M12.9062 6H22M12.9062 9H22M12.9062 12H22' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--user::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M20 20H4V16.4427C8 14 16 14 20 16.4427V20Z' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3Cpath d='M15.4286 7.42859C15.4286 9.32214 13.8935 10.8572 12 10.8572C10.1065 10.8572 8.57143 9.32214 8.57143 7.42859C8.57143 5.53503 10.1065 4 12 4C13.8935 4 15.4286 5.53503 15.4286 7.42859Z' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--warning::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M11 18H13M12 15.5V10.5' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3Cpath d='M21 21H3L12 4L21 21Z' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--wind::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M13.8824 7C13.8824 5.89543 14.8041 5 15.9412 5C17.0782 5 18 5.89543 18 7C18 8.10457 17.0782 9 15.9412 9H4' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3Cpath d='M15.0526 14C15.0526 15.1046 15.9363 16 17.0263 16C18.1164 16 19 15.1046 19 14C19 12.8954 18.1164 12 17.0263 12H4' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3Cpath d='M8.90909 17C8.90909 18.1046 9.82487 19 10.9545 19C12.0842 19 13 18.1046 13 17C13 15.8954 12.0842 15 10.9545 15H4' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--world::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M11 20.9451C11.3333 20.2784 10.4 18 12 18C13.6 18 13 16 12.5 15C11.8333 15.1667 10.4 15.9 10 15.5C9.6 15.1 8.66667 13.5 8.5 13L10 11.5V8.5C9 8.5 6.5 9.2 6.5 10C6.5 10.8 4.05493 12.5 3.05493 13M14 3.22302C14.6667 4.88968 16.1 7.7 14.5 8.5C12.9 9.3 14 11.3333 15 12L17.5 9.5C18 9.5 19.4 10.4 19 12C18.5 14 19.7784 12 20.9451 11M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z' stroke='%23003B1C' stroke-width='2'%3E%3C/path%3E %3C/svg%3E");
}

.icon--digital-tool::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMjYzMiAxMS4xMTEyVjEzLjMzMzRIOC4wNzAyMlYxMS4xMTEySDUuMjYzMloiIGZpbGw9IiMwMDNCMUMiLz4KPHBhdGggZD0iTTEyLjM5OTEgMTAuNTkwOUwxMS4yMzE1IDEyLjEzOEwxMC41Nzg4IDguMDAwMDRMMTQgMTBMMTIuMzk5MSAxMC41OTA5WiIgZmlsbD0iIzAwM0IxQyIvPgo8cGF0aCBkPSJNMy4yOTgyOSAxMy4zMzM0SDUuMjYzMk01LjI2MzIgMTMuMzMzNFYxMS4xMTEyTTUuMjYzMiAxMy4zMzM0SDguMDcwMjJNNS4yNjMyIDExLjExMTJIOC4wNzAyMk01LjI2MzIgMTEuMTExMkgxLjMzMzM3VjMuMzMzMzdIMTJWNi45NDQ0OU04LjA3MDIyIDEzLjMzMzRIMTAuMDM1MU04LjA3MDIyIDEzLjMzMzRWMTEuMTExMk04LjA3MDIyIDExLjExMTJIOS42NjY3MU0xMi4zOTkxIDEwLjU5MDlMMTEuMjMxNSAxMi4xMzhMMTAuNTc4OCA4LjAwMDA0TDE0IDEwTDEyLjM5OTEgMTAuNTkwOVpNMTIuMzk5MSAxMC41OTA5TDEzLjY2NjcgMTIuMzMzNCIgc3Ryb2tlPSIjMDAzQjFDIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K");
}

.icon--bell::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDQuNUMxNS4wMzc2IDQuNSAxNy41IDYuOTYyNDMgMTcuNSAxMFYxNC41TDE4LjUgMTYuNVYxNy41SDUuNVYxNi41TDYuNSAxNC41VjEwQzYuNSA2Ljk2MjQzIDguOTYyNDMgNC41IDEyIDQuNVpNMTIgNC41VjJNMTUgMTcuNUMxNSAxOS4xNTY5IDEzLjY1NjkgMjAuNSAxMiAyMC41QzEwLjM0MzEgMjAuNSA5IDE5LjE1NjkgOSAxNy41IiBzdHJva2U9IiMwMDNCMUMiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K");
}

.icon--calendar::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgNVYyTTE4IDVWMk0zIDEwSDIxTTE2IDE3SDE4TTMgNUgyMVYyMUgzVjVaIiBzdHJva2U9IiMwMDNCMUMiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K");
}

.icon--eye-closed::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDYuMjM1OTJDMTAuNSA2IDExLjQxMiA2IDEyIDZDMTMuNzEwMSA2IDE2LjAyNDEgNi41MTgwNiAxOCA4QzIwIDkuNSAyMSAxMiAyMSAxMkMyMSAxMiAyMC42NTQxIDEzLjM4MzYgMTkuMDk5MiAxNU0xNCAxNy43NjNDMTIuODQ0NCAxOCAxMiAxOCAxMiAxOEMxMiAxOCA4LjUgMTggNiAxNkMzLjUgMTQgMyAxMiAzIDEyQzMuMzY0MzggMTAuOTA2OSAzLjk3MjM3IDkuOTE5MjkgNC44NzE5NCA5TTQgNEwyMCAyMCIgc3Ryb2tlPSIjMDAzQjFDIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==");
}

.icon--eye::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxIDEyTDIxLjk3MDEgMTIuMjQyNUwyMi4wNDg2IDExLjkyODhMMjEuOTI4NSAxMS42Mjg2TDIxIDEyWk0zIDEyTDIuMDUxMzIgMTEuNjgzOEwxLjk1OTIzIDExLjk2TDIuMDI5ODYgMTIuMjQyNUwzIDEyWk02IDhMNS4zODYwNiA3LjIxMDY1TDUuMzg2MDYgNy4yMTA2NUw2IDhaTTE1IDEySDE0QzE0IDEzLjEwNDYgMTMuMTA0NiAxNCAxMiAxNFYxNVYxNkMxNC4yMDkxIDE2IDE2IDE0LjIwOTEgMTYgMTJIMTVaTTEyIDE1VjE0QzEwLjg5NTQgMTQgMTAgMTMuMTA0NiAxMCAxMkg5SDhDOCAxNC4yMDkxIDkuNzkwODYgMTYgMTIgMTZWMTVaTTkgMTJIMTBDMTAgMTAuODk1NCAxMC44OTU0IDEwIDEyIDEwVjlWOEM5Ljc5MDg2IDggOCA5Ljc5MDg2IDggMTJIOVpNMTIgOVYxMEMxMy4xMDQ2IDEwIDE0IDEwLjg5NTQgMTQgMTJIMTVIMTZDMTYgOS43OTA4NiAxNC4yMDkxIDggMTIgOFY5Wk0xMiA2VjdDMTMuNTM0MiA3IDE1LjYyNyA3LjQ3MDI0IDE3LjQgOC44TDE4IDhMMTguNiA3LjJDMTYuNDIxMiA1LjU2NTg5IDEzLjg4NiA1IDEyIDVWNlpNMTggOEwxNy40IDguOEMxOC4yNjEgOS40NDU3OCAxOC45MzMxIDEwLjMzMDUgMTkuMzk4MyAxMS4wODY2QzE5LjYyNzggMTEuNDU5NCAxOS43OTk1IDExLjc4ODcgMTkuOTEyNyAxMi4wMjIyQzE5Ljk2OTIgMTIuMTM4NyAyMC4wMTA3IDEyLjIzMDUgMjAuMDM3MyAxMi4yOTExQzIwLjA1MDUgMTIuMzIxNCAyMC4wNiAxMi4zNDM4IDIwLjA2NTcgMTIuMzU3NUMyMC4wNjg2IDEyLjM2NDMgMjAuMDcwNSAxMi4zNjg5IDIwLjA3MTUgMTIuMzcxM0MyMC4wNzIgMTIuMzcyNSAyMC4wNzIyIDEyLjM3MzEgMjAuMDcyMiAxMi4zNzMxQzIwLjA3MjIgMTIuMzczMSAyMC4wNzIyIDEyLjM3MyAyMC4wNzIgMTIuMzcyN0MyMC4wNzIgMTIuMzcyNiAyMC4wNzE5IDEyLjM3MjQgMjAuMDcxOCAxMi4zNzIyQzIwLjA3MTggMTIuMzcyIDIwLjA3MTcgMTIuMzcxOSAyMC4wNzE3IDEyLjM3MThDMjAuMDcxNiAxMi4zNzE2IDIwLjA3MTUgMTIuMzcxNCAyMSAxMkMyMS45Mjg1IDExLjYyODYgMjEuOTI4NCAxMS42Mjg0IDIxLjkyODMgMTEuNjI4MUMyMS45MjgzIDExLjYyODEgMjEuOTI4MiAxMS42Mjc4IDIxLjkyODEgMTEuNjI3NkMyMS45Mjc5IDExLjYyNzIgMjEuOTI3OCAxMS42MjY4IDIxLjkyNzYgMTEuNjI2NEMyMS45MjcyIDExLjYyNTUgMjEuOTI2OCAxMS42MjQ1IDIxLjkyNjMgMTEuNjIzM0MyMS45MjU0IDExLjYyMDkgMjEuOTI0MSAxMS42MTc5IDIxLjkyMjcgMTEuNjE0M0MyMS45MTk3IDExLjYwNzEgMjEuOTE1OCAxMS41OTc1IDIxLjkxMDggMTEuNTg1N0MyMS45MDA5IDExLjU2MiAyMS44ODcgMTEuNTI5MiAyMS44NjkgMTEuNDg4MkMyMS44MzMgMTEuNDA2MiAyMS43ODA4IDExLjI5MSAyMS43MTIzIDExLjE0OTdDMjEuNTc1NSAxMC44Njc2IDIxLjM3MjIgMTAuNDc4MSAyMS4xMDE3IDEwLjAzODRDMjAuNTY2OSA5LjE2OTQ1IDE5LjczOSA4LjA1NDIyIDE4LjYgNy4yTDE4IDhaTTMgMTJMMy45NDg2OCAxMi4zMTYyQzQuMzc1NDIgMTEuMDM2IDUuMTk5MDUgOS44ODk4MiA2LjYxMzk0IDguNzg5MzVMNiA4TDUuMzg2MDYgNy4yMTA2NUMzLjcxODMzIDguNTA3NzcgMi42MjQ1OCA5Ljk2NCAyLjA1MTMyIDExLjY4MzhMMyAxMlpNNiA4TDYuNjEzOTQgOC43ODkzNUM4LjEyNDM2IDcuNjE0NTggMTAuNDY5NCA3IDEyIDdWNlY1QzEwLjExMDQgNSA3LjMwOTcgNS43MTQ0OCA1LjM4NjA2IDcuMjEwNjVMNiA4Wk0zIDEyQzIuMDI5ODYgMTIuMjQyNSAyLjAyOTk3IDEyLjI0MyAyLjAzMDA5IDEyLjI0MzVDMi4wMzAxMyAxMi4yNDM2IDIuMDMwMjUgMTIuMjQ0MSAyLjAzMDMzIDEyLjI0NDRDMi4wMzA0OSAxMi4yNDUxIDIuMDMwNjcgMTIuMjQ1OCAyLjAzMDg1IDEyLjI0NjVDMi4wMzEyMiAxMi4yNDc5IDIuMDMxNjIgMTIuMjQ5NSAyLjAzMjA1IDEyLjI1MTJDMi4wMzI5MiAxMi4yNTQ1IDIuMDMzOTMgMTIuMjU4NCAyLjAzNTA4IDEyLjI2MjdDMi4wMzc0IDEyLjI3MTQgMi4wNDAzIDEyLjI4MjEgMi4wNDM4MyAxMi4yOTQ2QzIuMDUwODkgMTIuMzE5NiAyLjA2MDUgMTIuMzUyMiAyLjA3MzAyIDEyLjM5MTdDMi4wOTgwOCAxMi40NzA5IDIuMTM0ODUgMTIuNTc4MSAyLjE4NjQ0IDEyLjcwOTRDMi4yODk2IDEyLjk3MiAyLjQ1MjEyIDEzLjMzMTEgMi42OTg3MiAxMy43NTM5QzMuMTkyOTIgMTQuNjAxMSA0LjAyMTQgMTUuNjk3NyA1LjM3NTMgMTYuNzgwOUw2IDE2TDYuNjI0NyAxNS4yMTkxQzUuNDc4NiAxNC4zMDIzIDQuODA3MDggMTMuMzk4OSA0LjQyNjI4IDEyLjc0NjFDNC4yMzUzOCAxMi40MTg5IDQuMTE2NjUgMTIuMTUzIDQuMDQ3OTQgMTEuOTc4MUM0LjAxMzU4IDExLjg5MDcgMy45OTE3NyAxMS44MjYgMy45Nzk3MSAxMS43ODhDMy45NzM2OCAxMS43Njg5IDMuOTcwMSAxMS43NTY1IDMuOTY4NjIgMTEuNzUxM0MzLjk2Nzg4IDExLjc0ODcgMy45Njc2NyAxMS43NDc4IDMuOTY3OTQgMTEuNzQ4OUMzLjk2ODA3IDExLjc0OTQgMy45NjgzMiAxMS43NTAzIDMuOTY4NjkgMTEuNzUxOEMzLjk2ODg4IDExLjc1MjUgMy45NjkwOSAxMS43NTMzIDMuOTY5MzMgMTEuNzU0M0MzLjk2OTQ1IDExLjc1NDcgMy45Njk1OCAxMS43NTUyIDMuOTY5NzIgMTEuNzU1OEMzLjk2OTc4IDExLjc1NiAzLjk2OTg5IDExLjc1NjUgMy45Njk5MiAxMS43NTY2QzMuOTcwMDMgMTEuNzU3IDMuOTcwMTQgMTEuNzU3NSAzIDEyWk02IDE2TDUuMzc1MyAxNi43ODA5QzYuNzk0MzEgMTcuOTE2MSA4LjQ2Mjk4IDE4LjQ2MTUgOS43MzE0OSAxOC43Mjg1QzEwLjM3MjYgMTguODYzNSAxMC45Mjk2IDE4LjkzMTEgMTEuMzI5MyAxOC45NjUxQzExLjUyOTUgMTguOTgyMiAxMS42OTE0IDE4Ljk5MDkgMTEuODA1OSAxOC45OTUzQzExLjg2MzIgMTguOTk3NiAxMS45MDg4IDE4Ljk5ODcgMTEuOTQxNSAxOC45OTkzQzExLjk1NzggMTguOTk5NiAxMS45NzEgMTguOTk5OCAxMS45ODA4IDE4Ljk5OTlDMTEuOTg1NyAxOC45OTk5IDExLjk4OTcgMTkgMTEuOTkyOSAxOUMxMS45OTQ1IDE5IDExLjk5NTkgMTkgMTEuOTk3MSAxOUMxMS45OTc3IDE5IDExLjk5ODIgMTkgMTEuOTk4NyAxOUMxMS45OTkgMTkgMTEuOTk5MyAxOSAxMS45OTk0IDE5QzExLjk5OTcgMTkgMTIgMTkgMTIgMThDMTIgMTcgMTIuMDAwMyAxNyAxMi4wMDA1IDE3QzEyLjAwMDYgMTcgMTIuMDAwOCAxNyAxMi4wMDEgMTdDMTIuMDAxMiAxNyAxMi4wMDE0IDE3IDEyLjAwMTYgMTdDMTIuMDAxOSAxNyAxMi4wMDIxIDE3IDEyLjAwMiAxN0MxMi4wMDE4IDE3IDEyLjAwMDggMTcgMTEuOTk5IDE3QzExLjk5NTQgMTYuOTk5OSAxMS45ODg2IDE2Ljk5OTkgMTEuOTc4NyAxNi45OTk3QzExLjk1ODkgMTYuOTk5MyAxMS45MjY4IDE2Ljk5ODUgMTEuODgzNSAxNi45OTY4QzExLjc5NjkgMTYuOTkzNSAxMS42NjU4IDE2Ljk4NjYgMTEuNDk4OSAxNi45NzI0QzExLjE2NDEgMTYuOTQzOSAxMC42ODk5IDE2Ljg4NjUgMTAuMTQzNSAxNi43NzE1QzkuMDM3MDIgMTYuNTM4NSA3LjcwNTY5IDE2LjA4MzkgNi42MjQ3IDE1LjIxOTFMNiAxNlpNMTIgMThDMTIgMTkgMTIuMDAwMyAxOSAxMi4wMDA2IDE5QzEyLjAwMDcgMTkgMTIuMDAxIDE5IDEyLjAwMTMgMTlDMTIuMDAxOCAxOSAxMi4wMDIzIDE5IDEyLjAwMjkgMTlDMTIuMDA0MSAxOSAxMi4wMDU1IDE5IDEyLjAwNzEgMTlDMTIuMDEwMyAxOSAxMi4wMTQzIDE4Ljk5OTkgMTIuMDE5MiAxOC45OTk5QzEyLjAyOSAxOC45OTk4IDEyLjA0MjIgMTguOTk5NiAxMi4wNTg1IDE4Ljk5OTNDMTIuMDkxMiAxOC45OTg3IDEyLjEzNjggMTguOTk3NiAxMi4xOTQxIDE4Ljk5NTNDMTIuMzA4NiAxOC45OTA5IDEyLjQ3MDUgMTguOTgyMiAxMi42NzA3IDE4Ljk2NTFDMTMuMDcwNCAxOC45MzExIDEzLjYyNzQgMTguODYzNSAxNC4yNjg1IDE4LjcyODVDMTUuNTM3IDE4LjQ2MTUgMTcuMjA1NyAxNy45MTYxIDE4LjYyNDcgMTYuNzgwOUwxOCAxNkwxNy4zNzUzIDE1LjIxOTFDMTYuMjk0MyAxNi4wODM5IDE0Ljk2MyAxNi41Mzg1IDEzLjg1NjUgMTYuNzcxNUMxMy4zMTAxIDE2Ljg4NjUgMTIuODM1OSAxNi45NDM5IDEyLjUwMTEgMTYuOTcyNEMxMi4zMzQyIDE2Ljk4NjYgMTIuMjAzMSAxNi45OTM1IDEyLjExNjUgMTYuOTk2OEMxMi4wNzMyIDE2Ljk5ODUgMTIuMDQxMSAxNi45OTkzIDEyLjAyMTMgMTYuOTk5N0MxMi4wMTE0IDE2Ljk5OTkgMTIuMDA0NiAxNi45OTk5IDEyLjAwMSAxN0MxMS45OTkyIDE3IDExLjk5ODIgMTcgMTEuOTk4IDE3QzExLjk5NzkgMTcgMTEuOTk4MSAxNyAxMS45OTg0IDE3QzExLjk5ODYgMTcgMTEuOTk4OCAxNyAxMS45OTkgMTdDMTEuOTk5MiAxNyAxMS45OTk0IDE3IDExLjk5OTUgMTdDMTEuOTk5NyAxNyAxMiAxNyAxMiAxOFpNMTggMTZMMTguNjI0NyAxNi43ODA5QzE5Ljk3ODYgMTUuNjk3NyAyMC44MDcxIDE0LjYwMTEgMjEuMzAxMyAxMy43NTM5QzIxLjU0NzkgMTMuMzMxMSAyMS43MTA0IDEyLjk3MiAyMS44MTM2IDEyLjcwOTRDMjEuODY1MSAxMi41NzgxIDIxLjkwMTkgMTIuNDcwOSAyMS45MjcgMTIuMzkxN0MyMS45Mzk1IDEyLjM1MjIgMjEuOTQ5MSAxMi4zMTk2IDIxLjk1NjIgMTIuMjk0NkMyMS45NTk3IDEyLjI4MjEgMjEuOTYyNiAxMi4yNzE0IDIxLjk2NDkgMTIuMjYyN0MyMS45NjYxIDEyLjI1ODQgMjEuOTY3MSAxMi4yNTQ1IDIxLjk2OCAxMi4yNTEyQzIxLjk2ODQgMTIuMjQ5NSAyMS45Njg4IDEyLjI0NzkgMjEuOTY5MSAxMi4yNDY1QzIxLjk2OTMgMTIuMjQ1OCAyMS45Njk1IDEyLjI0NTEgMjEuOTY5NyAxMi4yNDQ0QzIxLjk2OTggMTIuMjQ0MSAyMS45Njk5IDEyLjI0MzYgMjEuOTY5OSAxMi4yNDM1QzIxLjk3IDEyLjI0MyAyMS45NzAxIDEyLjI0MjUgMjEgMTJDMjAuMDI5OSAxMS43NTc1IDIwLjAzIDExLjc1NyAyMC4wMzAxIDExLjc1NjZDMjAuMDMwMSAxMS43NTY1IDIwLjAzMDIgMTEuNzU2IDIwLjAzMDMgMTEuNzU1OEMyMC4wMzA0IDExLjc1NTIgMjAuMDMwNSAxMS43NTQ3IDIwLjAzMDcgMTEuNzU0M0MyMC4wMzA5IDExLjc1MzMgMjAuMDMxMSAxMS43NTI1IDIwLjAzMTMgMTEuNzUxOEMyMC4wMzE3IDExLjc1MDMgMjAuMDMxOSAxMS43NDk0IDIwLjAzMjEgMTEuNzQ4OUMyMC4wMzIzIDExLjc0NzggMjAuMDMyMSAxMS43NDg3IDIwLjAzMTQgMTEuNzUxM0MyMC4wMjk5IDExLjc1NjUgMjAuMDI2MyAxMS43Njg5IDIwLjAyMDMgMTEuNzg4QzIwLjAwODIgMTEuODI2IDE5Ljk4NjQgMTEuODkwNyAxOS45NTIxIDExLjk3ODFDMTkuODgzMyAxMi4xNTMgMTkuNzY0NiAxMi40MTg5IDE5LjU3MzcgMTIuNzQ2MUMxOS4xOTI5IDEzLjM5ODkgMTguNTIxNCAxNC4zMDIzIDE3LjM3NTMgMTUuMjE5MUwxOCAxNloiIGZpbGw9IiMwMDNCMUMiLz4KPC9zdmc+Cg==");
}

.icon--lightbulb::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNSAyMUgxNS41TTEyIDEyVjE3LjYyNU01IDkuNzVDNSA2LjAyMjA4IDguMTM0MDEgMyAxMiAzQzE1Ljg2NiAzIDE5IDYuMDIyMDggMTkgOS43NUMxOSAxMi4yNDg1IDE3LjU5MjMgMTQuNDI5OSAxNS41IDE1LjU5N1YxNy42MjVIOC41VjE1LjU5N0M2LjQwNzY5IDE0LjQyOTkgNSAxMi4yNDg1IDUgOS43NVoiIHN0cm9rZT0iIzAwM0IxQyIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=");
}

.icon--news::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxIDhWNE0yMSAyMFYxNS40Mjg2TTYuNTIzODcgMTQuOTU2OUw3LjUgMjBIMTAuODc1TDEwLjA2ODYgMTUuNjMxMU0zIDE0LjI4NTdMMjEgMTcuNzE0M1Y2LjI4NTcxTDMgOS43MTQyOVYxNC4yODU3WiIgc3Ryb2tlPSIjMDAzQjFDIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==");
}

.icon--phone::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDE3LjVIMTNNNiAzSDE4VjIxSDZWM1oiIHN0cm9rZT0iIzAwM0IxQyIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=");
}

.icon--saving::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuOTk5OTcgOEgxMk0xNCAxMEgxNk05LjAwMDA2IDE3Ljk5OTlIMTMuMDAwMVYxOS45OTk5SDE3LjAwMDFMMTguNTAwMSAxNC45OTk5TDIxLjAwMDEgMTMuOTk5OVY4Ljk5OTlIMTkuNTAwMUwxNi41MDAxIDUuNDk5OUwxNy4wMDAxIDMuNDk5OUMxNS44MzM0IDIuOTk5OSAxMy40MDAxIDIuNTk5OSAxMy4wMDAxIDQuOTk5OUMxMC41IDUgNi4wNjUgNC42OTU2NyA0LjQ5OTkgNkMxLjUwMDA4IDguNSA0LjAwMDA2IDE2LjQ5OTkgNS41MDAwNiAxOS45OTk5SDkuMDAwMDZWMTcuOTk5OVoiIHN0cm9rZT0iIzAwM0IxQyIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=");
}

.icon--services::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgMTNMMy4wMDg4IDIwLjc5NDlNMTIuODYwOSA2LjI3MTgxQzEyLjg2MDkgMi45ODU3OCAxNC4zMzkyIDIgMTcgMkMxNyA0Ljk1NzQgMTUuNTIxOCA2LjI3MTggMTIuODYwOSA2LjI3MTgxWk0xMi44NjA5IDYuMjcxODFMMTIuODQzNCAxMk02IDE0VjIwTDE0IDIyTDIxIDE5VjE3SDEwQzE0LjggMTcgMTYgMTUuNSAxNiAxNEg2Wk0xMi44NDM0IDguOTE0OEMxMi44NDM0IDUuNjI4NzggMTEuNjYwOCA0LjY0MyA5IDQuNjQzQzkgNy42MDA0IDEwLjQ3ODIgOC45MTQ4IDEyLjg0MzQgOC45MTQ4WiIgc3Ryb2tlPSIjMDAzQjFDIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==");
}

.icon--small.icon--arrow-down-right::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M12.6668 12.6667L3.3335 3.33335' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3Cpath d='M6.00012 12.6667H12.6668V6.00002' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--arrow-down::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M8 2.00003V13.3334' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3Cpath d='M13.3334 8.00003L8.00004 13.3334L2.66671 8.00003' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--arrow-left::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M13.3334 8.00003H2.00004' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3Cpath d='M7.33337 2.66669L2.00004 8.00002L7.33337 13.3334' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--arrow-right::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M2 8.00003H13.3333' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3Cpath d='M8 2.66669L13.3333 8.00002L8 13.3334' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--arrow-up-right::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M12.6667 3.33336L3.33342 12.6667' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3Cpath d='M12.6667 10V3.33334H6.00008' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--arrow-up::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M8 14V2.6667' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3Cpath d='M13.3334 8.00003L8.00004 2.6667L2.66671 8.00003' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--burger-icon::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M2.6665 7.99996H7.6665H13.3332M11.3332 11.3333H4.6665M4.6665 4.66663H11.3332' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--check-square::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M4.6665 8.20872L6.50529 9.99996L11.3332 5.33329M2.6665 13.3333H13.3332V2.66663H2.6665V13.3333Z' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--check::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M13.0015 4.38596L9.5007 7.85965L5.99992 11.3333L3.33325 8.66669' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--chevron-down::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M12.3334 5.99997L8.00004 9.99997L3.66671 5.99997' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--chevron-left::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M10 12.3333L6 7.99998L10 3.66665' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--chevron-right::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M6 12.3333L10 7.99998L6 3.66665' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--chevron-up::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M12.3334 9.99997L8.00004 5.99997L3.66671 9.99997' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--close::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M4.3324 11.6666L11.6657 4.33331M11.6657 11.6666L4.3324 4.33331' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--comment::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M13.3334 3.33331H2.66675V10.6666H8.66675L10.6667 12V10.6666H13.3334V3.33331Z' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3Cpath d='M4.5 7H6M7.26136 7H8.76136M10.0001 7H11.5' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--copy::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M5.00024 9.16665H3.3335V3.33331H9.16683V5M12.6668 12.6666V6.83331H10.3335H6.8335V12.6666H12.6668Z' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--crop::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M8.00005 6.99996C8.00005 3.66661 9.66672 2.66663 12.6667 2.66663C12.6667 5.66663 11.0001 6.99996 8.00005 6.99996ZM8.00005 6.99996V12.3333M5.33339 14C5.33339 12.9093 6.52729 12 8.00005 12C9.47281 12 10.6667 12.9093 10.6667 14H5.33339ZM7.98031 8.66663C7.98031 5.33327 6.64697 4.33329 3.64697 4.33329C3.64697 7.33329 5.31364 8.66663 7.98031 8.66663Z' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--download::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M8.00008 2.33331V9.99998M2.66675 10.5083V13.3333H13.3334V10.5083' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3Cpath d='M11.3334 6.66663L8.00008 9.99998L4.66675 6.66663' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--edit::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M9.87677 4.20538L3.07449 11.0077L2.64672 13.4354L5.07449 13.0077L11.8768 6.20539M9.87677 4.20538L11.2842 2.79799C11.8744 2.20773 12.8008 2.17716 13.3529 2.72926C13.905 3.28136 13.8744 4.20774 13.2842 4.79799L11.8768 6.20539M9.87677 4.20538L11.8768 6.20539' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--favorite::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M8.00006 3.35205L9.56885 6.53076L13.0768 7.04048L10.5384 9.51476L11.1376 13.0085L8.00006 11.359L4.86249 13.0085L5.46171 9.51476L2.92337 7.04048L6.43128 6.53076L8.00006 3.35205Z' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--handle::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M3.33337 11.3334L11.3334 3.33337M7.33341 11.3333L11.3334 7.33333' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--home-version-1::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M5.33329 14V9.3333H10.6666V14M2.66663 14V6.42102L7.99996 1.99997L13.3333 6.42102V14H2.66663ZM7.66663 6.66664H8.33329V5.99997H7.66663V6.66664Z' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--information::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M8 6V12M8 5.08518V3.52787M8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2Z' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--location::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M7.99976 5.99994V7.49994M3.99976 6.51272C3.99976 4.38855 5.79062 2.66656 7.99976 2.66656C10.2089 2.66656 11.9998 4.38855 11.9998 6.51272C11.9998 7.56097 11.8664 8.4358 10.6664 9.97426L7.99976 13.3332L5.33302 9.9999C4.33309 8.66656 3.99976 7.56097 3.99976 6.51272Z' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--mail::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M1.99988 12V3.99997H13.9999V12H1.99988Z' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3Cpath d='M1.99988 3.99997L7.99988 8.49997L13.9999 3.99997' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--maximize::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M13.3332 13.3334L9.99984 10M2.6665 13.3334L5.99984 10M2.6665 2.66669L5.99984 6.00002M13.3332 2.66669L9.99984 6.00002' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3Cpath d='M9.6665 13.3334H13.3332V9.66669M6.33317 13.3334H2.6665V9.66669M6.33317 2.66669H2.6665V6.33335M9.6665 2.66669H13.3332V6.33335' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--minus::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M4.00012 8L12.0001 8' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--pause::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M9.33337 12.6667V3.33337H12V12.6667H9.33337Z' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3Cpath d='M6.66667 3.33337H4V12.6667H6.66667V3.33337Z' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--pest::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M11.3332 8.00006V7.33339C11.3332 5.49245 9.84079 4.00006 7.99984 4.00006C6.15889 4.00006 4.6665 5.49245 4.6665 7.33339V8.00006M11.3332 8.00006V10.6667C11.3332 12.1395 9.84079 13.3334 7.99984 13.3334M11.3332 8.00006H7.99984M11.3332 8.00006L12.9998 7.33339L13.3332 6.00006M4.6665 8.00006H7.99984M4.6665 8.00006V10.6667C4.6665 12.1395 6.15889 13.3334 7.99984 13.3334M4.6665 8.00006L2.99984 7.33339L2.6665 6.00006M7.99984 8.00006V13.3334M4.6665 10.0001H2.6665M4.99984 12.0001L2.99984 12.6667L2.6665 14.0001M11.3332 10.0001H13.3332M10.9998 12.0001L12.9998 12.6667L13.3332 14.0001M10.6665 2.00006C10.6665 2.66604 10.1415 3.96989 9.6665 4.33339M5.33317 2.00006C5.33317 2.66604 5.85817 3.96989 6.33317 4.33339' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--play::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M5.00012 13L5.00668 3L12.0001 8.5L5.00012 13Z' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--plus::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M4 8H12M8 4V12' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--print::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M4.66679 5.3333H2.00012V11.3333H14.0001V5.3333H11.3335M11.1613 9.3333H12.6613M4.66679 7.3333V1.99997H11.3335V7.3333H4.66679ZM4.66679 11.3333V14H11.3335V11.3333H4.66679Z' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--product-use::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M12 6H4V4.4L6.66667 3.33333V2H9.33333V3.33333L12 4.4V6Z' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3Cpath d='M5.33329 7.30255V8.80256M7.99996 8.80256V10.3026M10.6666 7.30255V8.80256M12 9.80255V11.3026M13.3333 12.3026V13.8026M7.99996 13.8026V15.3026M7.99996 11.3026V12.8026M3.99996 9.80255V11.3026M2.66663 12.3026V13.8026' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--product::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M9.99988 4.66667L11.9999 6.66667V14H3.99988L3.99988 6.66667L5.99988 4.66667M9.99988 4.66667H5.99988M9.99988 4.66667V2H5.99988V4.66667' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3Cpath d='M9.99988 8H5.99988V12H9.99988V8Z' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--question::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M5.66683 6C5.66683 4.89543 6.56226 4 7.66683 4C8.7714 4 9.66683 4.89543 9.66683 6C9.66683 7.10457 8.7714 8 7.66683 8V9.33333M7.66683 10.3333V11.8333M7.66675 13.6666C4.35304 13.6666 1.66675 10.9803 1.66675 7.66663C1.66675 4.35292 4.35304 1.66663 7.66675 1.66663C10.9805 1.66663 13.6667 4.35292 13.6667 7.66663C13.6667 10.9803 10.9805 13.6666 7.66675 13.6666Z' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--quote::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M12.6667 8.00002C12.6667 9.84097 11.841 11.3334 10 11.3334M12.6667 8.00002H9.33337V4.66669H12.6667V8.00002ZM6.66671 8.00002C6.66671 10 6.00004 11.3334 4.00004 11.3334M6.66671 8.00002H3.33337V4.66669H6.66671V8.00002Z' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--search::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M9.00008 9.00002L13.3334 13.3334M10.0001 6.33335C10.0001 8.3584 8.35846 10 6.33341 10C4.30837 10 2.66675 8.3584 2.66675 6.33335C2.66675 4.30831 4.30837 2.66669 6.33341 2.66669C8.35846 2.66669 10.0001 4.30831 10.0001 6.33335Z' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--settings::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M3.96373 3.74116L5.54372 3.88775L6.20761 2.44431C6.75763 2.27379 7.34226 2.18195 7.94834 2.18195C8.5545 2.18195 9.1392 2.27381 9.68929 2.44437L10.3532 3.88775L11.933 3.74118C12.7898 4.53342 13.41 5.57787 13.6757 6.75661L12.7579 8.05284L13.6757 9.34906C13.41 10.5278 12.7898 11.5723 11.933 12.3645L10.3532 12.2179L9.68929 13.6613C9.1392 13.8319 8.5545 13.9237 7.94834 13.9237C7.34226 13.9237 6.75763 13.8319 6.20761 13.6614L5.54372 12.2179L3.96373 12.3645C3.10693 11.5723 2.48673 10.5279 2.22107 9.34926L3.139 8.05284L2.22107 6.75642C2.48673 5.57775 3.10692 4.53336 3.96373 3.74116Z' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3Cpath d='M9.90228 8.07243C9.90228 9.15683 9.02319 10.0359 7.93878 10.0359C6.85438 10.0359 5.97529 9.15683 5.97529 8.07243C5.97529 6.98802 6.85438 6.10893 7.93878 6.10893C9.02319 6.10893 9.90228 6.98802 9.90228 8.07243Z' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--share::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M13.3333 2.66669L8.33329 7.66669M12 8.00002V13.3334H2.66663V4.00002H7.99996' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3Cpath d='M9.66663 2.66669H13.3333V6.33335' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--shopping-cart::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M2.94725 7.66667L4.2104 13.3333H11.7894L13.0525 7.66667M2.94725 7.66667H1.99988V5.54167H4.84198M2.94725 7.66667H13.0525M13.0525 7.66667H13.9999V6.60417V5.54167H4.84198M13.0525 7.66667H11.7894M7.99988 9.3378V12M9.99988 9.3378V12M5.97934 9.3378V12M4.84198 5.54167L6.10514 2M4.84198 5.54167H11.1578L9.89462 2' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--slide-horizontal::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M6 3.33331L2 7.99998L6 12.6666M10 3.33331L14 7.99998L10 12.6666' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--sound-loud::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M7.3335 4.66669V12L4.1335 9.66669H2.00016V7.00002H4.1335L7.3335 4.66669Z' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3Cpath d='M9.8855 5.88562C10.8283 6.82843 10.8283 8.71405 9.8855 9.65685M11.7711 4C13.6567 5.88562 13.6567 9.65685 11.7711 11.5425' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--sound-mute::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M7.3335 4.66669V12L4.1335 9.66669H2.00016V7.00002H4.1335L7.3335 4.66669Z' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3Cpath d='M10.0001 6L13.3335 9.33333M10.0001 9.33333L13.3335 6' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--sound-quiet::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M7.3335 4.66669V12L4.1335 9.66669H2.00017V7.00002H4.1335L7.3335 4.66669Z' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3Cpath d='M9.88562 5.88562C10.8284 6.82843 10.8284 8.71405 9.88562 9.65686' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--sun::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M11 4.99998L12 3.99998M5.00004 4.99998L4.00004 3.99998M5.00004 11L4.00004 12M11 11L12 12M12 7.99998H14.6667M1.33337 7.99998H4.00004M8.00004 12V14.6666M8.00004 1.33331V3.99998M10.6667 7.99998C10.6667 9.47274 9.4728 10.6666 8.00004 10.6666C6.52728 10.6666 5.33337 9.47274 5.33337 7.99998C5.33337 6.52722 6.52728 5.33331 8.00004 5.33331C9.4728 5.33331 10.6667 6.52722 10.6667 7.99998Z' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--telephone::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M7.99988 5.33329C9.33321 5.33329 10.6665 6.66663 10.6665 7.99996M7.99988 2.66663C10.6665 2.66663 13.3332 5.33329 13.3332 7.99996M2.09697 4.66663H5.30085L5.59211 7.68851L4.71833 8.29289C4.71833 8.29289 5.08241 9.50164 6.17464 10.4082C7.26687 11.3148 8.50473 11.617 8.50473 11.617L9.08726 10.4082L11.9999 10.7104V13.7323C11.9999 13.7323 8.21346 14.941 4.71831 12.2213C1.22316 9.50164 2.09697 4.66663 2.09697 4.66663Z' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--temperature::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M4.8092 12.336C5.26923 12.336 5.64216 11.9765 5.64216 11.5331C5.64216 11.0897 5.26923 10.7302 4.8092 10.7302C4.34917 10.7302 3.97624 11.0897 3.97624 11.5331C3.97624 11.9765 4.34917 12.336 4.8092 12.336ZM4.8092 12.336V5.04349M7.63757 11.5059C7.63757 13.0116 6.37124 14.2322 4.80914 14.2322C3.24704 14.2322 1.98071 13.0116 1.98071 11.5059C1.98071 10.6984 2.34487 9.97297 2.92352 9.47376L2.92361 3.58534C2.92363 2.58155 3.76785 1.76782 4.80923 1.76782C5.85064 1.76782 6.69487 2.58158 6.69486 3.58538L6.69476 9.47376C7.27341 9.97297 7.63757 10.6984 7.63757 11.5059Z' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3Cpath d='M8.60413 4H14.6666M8.60413 6H14.6666M8.60413 8H14.6666' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--user::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M13.3333 13.3334H2.66663V10.9618C5.33329 9.26416 10.6666 9.26415 13.3333 10.9618V13.3334Z' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3Cpath d='M10.2857 4.95241C10.2857 6.21478 9.26232 7.23813 7.99996 7.23813C6.73759 7.23813 5.71425 6.21478 5.71425 4.95241C5.71425 3.69004 6.73759 2.66669 7.99996 2.66669C9.26232 2.66669 10.2857 3.69004 10.2857 4.95241Z' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--warning::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M7.99988 10.3334V7.00002M7.99988 11.2554V12.7497M1.99988 14H13.9999L7.99988 2.66669L1.99988 14Z' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--wind::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M9.25486 4.66665C9.25486 3.93027 9.86937 3.33331 10.6274 3.33331C11.3854 3.33331 12 3.93027 12 4.66665C12 5.40303 11.3854 5.99998 10.6274 5.99998H2.66663' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3Cpath d='M10.035 9.33333C10.035 10.0697 10.6241 10.6667 11.3508 10.6667C12.0775 10.6667 12.6666 10.0697 12.6666 9.33333C12.6666 8.59695 12.0775 8 11.3508 8H2.66663' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3Cpath d='M5.93935 11.3333C5.93935 12.0697 6.54987 12.6667 7.30299 12.6667C8.05611 12.6667 8.66663 12.0697 8.66663 11.3333C8.66663 10.597 8.05611 10 7.30299 10H2.66663' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--small.icon--world::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M7.33321 13.9634C7.55543 13.5189 6.93321 12 7.99988 12C9.06655 12 8.66654 10.6667 8.33321 10C7.88877 10.1111 6.93321 10.6 6.66654 10.3333C6.39988 10.0667 5.77766 9 5.66654 8.66667L6.66654 7.66667V5.66667C5.99988 5.66667 4.33321 6.13333 4.33321 6.66667C4.33321 7.2 2.70316 8.33333 2.0365 8.66667M9.33321 2.14868C9.77766 3.25979 10.7332 5.13333 9.66654 5.66667C8.59988 6.2 9.33321 7.55556 9.99988 8L11.6665 6.33333C11.9999 6.33333 12.9332 6.93333 12.6665 8C12.3332 9.33333 13.1855 8 13.9633 7.33333M13.9999 8C13.9999 11.3137 11.3136 14 7.99988 14C4.68617 14 1.99988 11.3137 1.99988 8C1.99988 4.68629 4.68617 2 7.99988 2C11.3136 2 13.9999 4.68629 13.9999 8Z' stroke='%23003B1C' stroke-width='1.5'%3E%3C/path%3E %3C/svg%3E");
}

.icon--large.icon--home::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3e%3cpath d='M15.9995 42V28H31.9995V42M7.99951 42V19.2632L23.9995 6L39.9995 19.2632V42H7.99951ZM22.9995 20H24.9995V18H22.9995V20Z' stroke='%23003B1C' stroke-width='3'/%3e%3c/svg%3e");
}

.icon--large.icon--telephone::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3e%3cpath d='M24 15.9999C28 15.9999 32 19.9999 32 23.9999M24 7.99988C32 7.99988 40 15.9999 40 23.9999M6.29128 13.9999H15.9029L16.7767 23.0655L14.1554 24.8787C14.1554 24.8787 15.2476 28.5049 18.5243 31.2246C21.801 33.9443 25.5146 34.8509 25.5146 34.8509L27.2621 31.2246L36 32.1312V41.1968C36 41.1968 24.6407 44.8231 14.1553 36.664C3.66985 28.5049 6.29128 13.9999 6.29128 13.9999Z' stroke='%23003B1C' stroke-width='3'/%3e%3c/svg%3e");
}

.icon--large.icon--mail::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M6%2036V12H42V36H6Z%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M6%2012L24%2025.5L42%2012%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--edit::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M29.6307%2012.6162L9.22383%2033.023L7.94052%2040.3063L15.2238%2039.023L35.6307%2018.6162M29.6307%2012.6162L33.8528%208.39398C35.6236%206.6232%2038.4028%206.53147%2040.0591%208.18777C41.7154%209.84407%2041.6236%2012.6232%2039.8528%2014.394L35.6307%2018.6162M29.6307%2012.6162L35.6307%2018.6162%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--print::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M14%2016H6V34H42V16H34M33.4834%2028H37.9834M14%2022V6H34V22H14ZM14%2034V42H34V34H14Z%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--arrow-right::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M6%2024H40%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M24%208.00024L40%2024.0002L24%2040.0002%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--arrow-left::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M40.0005%2024H6.00049%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M22.0005%208.00024L6.00049%2024.0002L22.0005%2040.0002%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--arrow-up::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M24%2042V8%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M40.0005%2024L24.0005%208L8.00049%2024%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--arrow-down::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M24%206V40%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M40.0005%2024L24.0005%2040L8.00049%2024%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--location::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M23.9993%2017.9996V22.4996M11.9993%2019.538C11.9993%2013.1655%2017.3718%207.99951%2023.9993%207.99951C30.6267%207.99951%2035.9993%2013.1655%2035.9993%2019.538C35.9993%2022.6827%2035.5993%2025.3072%2031.9993%2029.9226L23.9993%2039.9995L15.9991%2029.9995C12.9993%2025.9995%2011.9993%2022.6827%2011.9993%2019.538Z%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--chevron-left::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M30%2036.9998L18%2023.9998L30%2010.9998%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--chevron-right::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M18%2036.9998L30%2023.9998L18%2010.9998%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--chevron-down::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M37.0005%2018L24.0005%2030L11.0005%2018%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--chevron-up::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M37.0005%2030L24.0005%2018L11.0005%2030%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--search::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M27.0002%2027.0002L40.0002%2040.0002M30.0002%2019.0002C30.0002%2025.0754%2025.0754%2030.0002%2019.0002%2030.0002C12.9251%2030.0002%208.00024%2025.0754%208.00024%2019.0002C8.00024%2012.9251%2012.9251%208.00024%2019.0002%208.00024C25.0754%208.00024%2030.0002%2012.9251%2030.0002%2019.0002Z%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--check::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M39.0045%2013.158L28.5021%2023.579L17.9998%2034.0001L9.99976%2026.0001%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--close::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12.9976%2034.9998L34.9976%2012.9998M34.9976%2034.9998L12.9976%2012.9998%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--plus::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12%2024H36M24%2012V36%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--minus::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8%2020L32%2020%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%224.5%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--user::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M40.0002%2039.9999H8.00024V32.8853C16.0002%2027.7923%2032.0002%2027.7923%2040.0002%2032.8852V39.9999Z%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M30.8574%2014.857C30.8574%2018.6442%2027.7873%2021.7142%2024.0002%2021.7142C20.2131%2021.7142%2017.1431%2018.6442%2017.1431%2014.857C17.1431%2011.0699%2020.2131%207.99988%2024.0002%207.99988C27.7873%207.99988%2030.8574%2011.0699%2030.8574%2014.857Z%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--burger::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M7.99951%2023.9999H22.9995H39.9995M33.9995%2033.9999H13.9995M13.9995%2013.9999H33.9995%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--information::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M24%2018V36M24%2015.2555V10.5836M24%206C14.0589%206%206%2014.0589%206%2024C6%2033.9411%2014.0589%2042%2024%2042C33.9411%2042%2042%2033.9411%2042%2024C42%2014.0589%2033.9411%206%2024%206Z%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--warning::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M24%2031.0002V21.0002M24%2033.7664V38.2492M6%2042.0002H42L24%208.00024L6%2042.0002Z%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--check-square::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M13.9995%2024.6262L19.5159%2029.9999L33.9995%2015.9999M7.99951%2039.9999H39.9995V7.99988H7.99951V39.9999Z%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--question::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M17.0005%2018C17.0005%2014.6863%2019.6868%2012%2023.0005%2012C26.3142%2012%2029.0005%2014.6863%2029.0005%2018C29.0005%2021.3137%2026.3142%2024%2023.0005%2024V28M23.0005%2031V35.4999M23.0002%2040.9999C13.0591%2040.9999%205.00024%2032.941%205.00024%2022.9999C5.00024%2013.0588%2013.0591%204.99988%2023.0002%204.99988C32.9414%204.99988%2041.0002%2013.0588%2041.0002%2022.9999C41.0002%2032.941%2032.9414%2040.9999%2023.0002%2040.9999Z%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--world::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M22%2041.8901C22.6667%2040.5568%2020.8%2036%2024%2036C27.2%2036%2026%2032%2025%2030C23.6667%2030.3333%2020.8%2031.8%2020%2031C19.2%2030.2%2017.3333%2027%2017%2026L20%2023V17C18%2017%2013%2018.4%2013%2020C13%2021.6%208.10986%2025%206.10986%2026M28%206.44603C29.3333%209.77937%2032.2%2015.4%2029%2017C25.8%2018.6%2028%2022.6667%2030%2024L35%2019C36%2019%2038.8%2020.8%2038%2024C37%2028%2039.5568%2024%2041.8901%2022M42%2024C42%2033.9411%2033.9411%2042%2024%2042C14.0589%2042%206%2033.9411%206%2024C6%2014.0589%2014.0589%206%2024%206C33.9411%206%2042%2014.0589%2042%2024Z%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--maximize::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M39.9995%2040.0002L29.9995%2030.0002M7.99951%2040.0002L17.9995%2030.0002M7.99951%208.00024L17.9995%2018.0002M39.9995%208.00024L29.9995%2018.0002%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M28.9995%2040.0002H39.9995V29.0002M18.9995%2040.0002H7.99951V29.0002M18.9995%208.00024H7.99951V19.0002M28.9995%208.00024H39.9995V19.0002%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--arrow-up-right::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M38.0002%2010.0003L10.0002%2038.0002%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M38.0002%2030V10H18.0002%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--arrow-down-right::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M38.0005%2038.0002L10.0005%2010.0002%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M18%2038.0002H38V18.0002%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--comment::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M40.0002%209.99976H8.00024V31.9998H26.0002L32.0002%2035.9998V31.9998H40.0002V9.99976Z%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M13.5%2021H18M21.7841%2021H26.2841M30.0002%2021H34.5%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--copy::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M15.0007%2027.4998H10.0005V9.99976H27.5005V14.9998M38.0005%2037.9998V20.4998H31.0005H20.5005V37.9998H38.0005Z%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--download::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M24.0002%206.99976V29.9998M8.00024%2031.5246V39.9998H40.0002V31.5246%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M34.0002%2019.9999L24.0002%2029.9999L14.0002%2019.9999%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--play::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M15%2039L15.0197%209L36%2025.5L15%2039Z%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--pause::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M28.0005%2038.0001V10.0001H36.0005V38.0001H28.0005Z%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M20%2010.0001H12V38.0001H20V10.0001Z%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--stop::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M39%209H9V39H39V9Z%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--crop::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M24.0002%2020.9999C24.0002%2010.9998%2029.0002%207.99988%2038.0002%207.99988C38.0002%2016.9999%2033.0002%2020.9999%2024.0002%2020.9999ZM24.0002%2020.9999V36.9999M16.0002%2041.9999C16.0002%2038.7278%2019.5819%2035.9999%2024.0002%2035.9999C28.4184%2035.9999%2032.0002%2038.7278%2032.0002%2041.9999H16.0002ZM23.9409%2025.9999C23.9409%2015.9998%2019.9409%2012.9999%2010.9409%2012.9999C10.9409%2021.9999%2015.9409%2025.9999%2023.9409%2025.9999Z%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--favourite::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M24.0002%2010.0562L28.7065%2019.5923L39.2303%2021.1215L31.6152%2028.5443L33.4129%2039.0255L24.0002%2034.0769L14.5875%2039.0255L16.3851%2028.5443L8.7701%2021.1215L19.2938%2019.5923L24.0002%2010.0562Z%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--share::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M39.9995%208.00024L24.9995%2023.0002M35.9995%2024.0002V40.0002H7.99951V12.0002H23.9995%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M28.9995%208.00024H39.9995V19.0002%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--handle::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M10.0005%2034.0001L34.0005%2010.0001M22.0006%2034L34.0006%2022%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--pest::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M33.9995%2024V22C33.9995%2016.4772%2029.5224%2012%2023.9995%2012C18.4767%2012%2013.9995%2016.4772%2013.9995%2022V24M33.9995%2024V32C33.9995%2036.4183%2029.5224%2040%2023.9995%2040M33.9995%2024H23.9995M33.9995%2024L38.9995%2022L39.9995%2018M13.9995%2024H23.9995M13.9995%2024V32C13.9995%2036.4183%2018.4767%2040%2023.9995%2040M13.9995%2024L8.99951%2022L7.99951%2018M23.9995%2024V40M13.9995%2030H7.99951M14.9995%2036L8.99951%2038L7.99951%2042M33.9995%2030H39.9995M32.9995%2036L38.9995%2038L39.9995%2042M31.9995%206C31.9995%207.99793%2030.4245%2011.9095%2028.9995%2013M15.9995%206C15.9995%207.99793%2017.5745%2011.9095%2018.9995%2013%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--product::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M30%2014L36%2020V42H12L12%2020L18%2014M30%2014H18M30%2014V6H18V14%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M30%2024H18V36H30V24Z%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--settings::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M11.8915%2011.2237L16.6315%2011.6634L18.6232%207.33311C20.2733%206.82154%2022.0272%206.54602%2023.8454%206.54602C25.6639%206.54602%2027.418%206.82161%2029.0682%207.33331L31.0598%2011.6634L35.7993%2011.2237C38.3698%2013.6004%2040.2304%2016.7338%2041.0273%2020.27L38.274%2024.1587L41.0273%2028.0474C40.2304%2031.5836%2038.3698%2034.717%2035.7993%2037.0937L31.0598%2036.654L29.0682%2040.9841C27.418%2041.4958%2025.6639%2041.7714%2023.8454%2041.7714C22.0272%2041.7714%2020.2733%2041.4959%2018.6232%2040.9843L16.6315%2036.654L11.8916%2037.0937C9.32114%2034.7171%207.46056%2031.584%206.66357%2028.0479L9.41736%2024.1587L6.66357%2020.2694C7.46056%2016.7334%209.32114%2013.6003%2011.8915%2011.2237Z%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M29.7072%2024.2175C29.7072%2027.4707%2027.0699%2030.1079%2023.8167%2030.1079C20.5635%2030.1079%2017.9262%2027.4707%2017.9262%2024.2175C17.9262%2020.9642%2020.5635%2018.327%2023.8167%2018.327C27.0699%2018.327%2029.7072%2020.9642%2029.7072%2024.2175Z%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--sound-loud::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M22.0005%2014.0002V36.0002L12.4005%2029.0002H6.00049V21.0002H12.4005L22.0005%2014.0002Z%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M29.6569%2017.6569C32.4853%2020.4853%2032.4853%2026.1421%2029.6569%2028.9706M35.3137%2012C40.9706%2017.6569%2040.9706%2028.9706%2035.3137%2034.6274%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--sound-quiet::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M22.0005%2014.0002V36.0002L12.4005%2029.0002H6.00051V21.0002H12.4005L22.0005%2014.0002Z%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M29.6565%2017.6569C32.4849%2020.4853%2032.4849%2026.1421%2029.6565%2028.9706%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--sound-mute::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M22.0005%2014.0002V36.0002L12.4005%2029.0002H6.00049V21.0002H12.4005L22.0005%2014.0002Z%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M30%2018L40%2028M30%2028L40%2018%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--shopping-card::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8.84211%2023L12.6316%2040H35.3684L39.1579%2023M8.84211%2023H6V16.625H14.5263M8.84211%2023H39.1579M39.1579%2023H42V19.8125V16.625H14.5263M39.1579%2023H35.3684M24%2028.0134V36M30%2028.0134V36M17.9384%2028.0134V36M14.5263%2016.625L18.3158%206M14.5263%2016.625H33.4737L29.6842%206%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--wind::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M27.7649%2014.0001C27.7649%2011.791%2029.6085%2010.0001%2031.8826%2010.0001C34.1567%2010.0001%2036.0002%2011.791%2036.0002%2014.0001C36.0002%2016.2093%2034.1567%2018.0001%2031.8826%2018.0001H8.00024%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M30.1055%2028C30.1055%2030.2091%2031.8728%2032%2034.0529%2032C36.2329%2032%2038.0002%2030.2091%2038.0002%2028C38.0002%2025.7909%2036.2329%2024%2034.0529%2024H8.00024%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M17.8184%2034C17.8184%2036.2091%2019.65%2038%2021.9093%2038C24.1687%2038%2026.0002%2036.2091%2026.0002%2034C26.0002%2031.7909%2024.1687%2030%2021.9093%2030H8.00024%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--temperature::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M14.4276%2037.0079C15.8077%2037.0079%2016.9265%2035.9295%2016.9265%2034.5992C16.9265%2033.269%2015.8077%2032.1906%2014.4276%2032.1906C13.0475%2032.1906%2011.9287%2033.269%2011.9287%2034.5992C11.9287%2035.9295%2013.0475%2037.0079%2014.4276%2037.0079ZM14.4276%2037.0079V15.1305M22.9127%2034.5176C22.9127%2039.0347%2019.1137%2042.6965%2014.4274%2042.6965C9.74113%2042.6965%205.94214%2039.0347%205.94214%2034.5176C5.94214%2032.0953%207.03462%2029.9189%208.77057%2028.4213L8.77084%2010.756C8.77088%207.74464%2011.3035%205.30347%2014.4277%205.30347C17.5519%205.30347%2020.0846%207.74473%2020.0846%2010.7561L20.0843%2028.4213C21.8202%2029.9189%2022.9127%2032.0953%2022.9127%2034.5176Z%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M25.8127%2012H44.0002M25.8127%2018H44.0002M25.8127%2024H44.0002%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--sun::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M32.9998%2015.0001L35.9998%2012.0001M14.9998%2015.0001L11.9998%2012.0001M14.9998%2033.0001L11.9998%2036.0001M32.9998%2033.0001L35.9998%2036.0001M35.9998%2024.0001H43.9998M3.99976%2024.0001H11.9998M23.9998%2036.0001V44.0001M23.9998%204.00012V12.0001M31.9998%2024.0001C31.9998%2028.4184%2028.418%2032.0001%2023.9998%2032.0001C19.5815%2032.0001%2015.9998%2028.4184%2015.9998%2024.0001C15.9998%2019.5818%2019.5815%2016.0001%2023.9998%2016.0001C28.418%2016.0001%2031.9998%2019.5818%2031.9998%2024.0001Z%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--quote::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M37.9998%2023.9999C37.9998%2029.5227%2035.5226%2033.9999%2029.9998%2033.9999M37.9998%2023.9999H27.9998V13.9999H37.9998V23.9999ZM19.9998%2023.9999C19.9998%2029.9999%2017.9998%2033.9999%2011.9998%2033.9999M19.9998%2023.9999H9.99976V13.9999H19.9998V23.9999Z%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--product-use::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M36%2018H12V13.2L20%2010V6H28V10L36%2013.2V18Z%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M16.0002%2021.9078V26.4079M24.0002%2026.4079V30.908M32.0002%2021.9078V26.4079M36.0002%2029.4078V33.908M40.0002%2036.908V41.4079M24.0002%2041.4079V45.9079M24.0002%2033.908V38.4079M12.0002%2029.4078V33.908M8.00024%2036.908V41.4079%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--slide-horizontal::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M18%2010.0001L6%2024.0001L18%2038.0001M30%2010.0001L42%2024.0001L30%2038.0001%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--slide-vertical::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M9.99976%2030L23.9998%2042L37.9998%2030M9.99976%2018L23.9998%206L37.9998%2018%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--language::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M11%2026L12.7857%2021M12.7857%2021L16%2012H19L20%2015.5V21H12.7857ZM20%2014H42V37.6923H36.5M20%2014V37.6923H32.375M20%2014H28V6H6V30.3077H11M20%2014V30.3077H14.75M32.375%2037.6923L36.5%2042V37.6923M32.375%2037.6923H36.5M14.75%2030.3077L11%2034V30.3077M14.75%2030.3077H11M24%2022H31M31%2022V18M31%2022H35M35%2022H38M35%2022L24%2034M36.4477%2032.1728C33.3901%2031.3644%2028.3718%2028.0754%2026.4113%2025.5948%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--filter::before {
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12%208V13.5M8%2018H16M12%2022.5L12%2040M24%2040L24%2034.5M20%2030H28M24%2025.5L24%208M36%208V17.5M32%2022L40%2022M36%2026.5V40%22%20stroke%3D%22%23003B1C%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.icon--large.icon--bell::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0IDlDMzAuMDc1MSA5IDM1IDEzLjkyNDkgMzUgMjBWMjlMMzcgMzNWMzVIMTFWMzNMMTMgMjlWMjBDMTMgMTMuOTI0OSAxNy45MjQ5IDkgMjQgOVpNMjQgOVY0TTMwIDM1QzMwIDM4LjMxMzcgMjcuMzEzNyA0MSAyNCA0MUMyMC42ODYzIDQxIDE4IDM4LjMxMzcgMTggMzUiIHN0cm9rZT0iIzAwM0IxQyIgc3Ryb2tlLXdpZHRoPSIzIi8+Cjwvc3ZnPgo=");
}

.icon--large.icon--calendar::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDEwVjRNMzYgMTBWNE02IDIwSDQyTTMyIDM0SDM2TTYgMTBINDJWNDJINlYxMFoiIHN0cm9rZT0iIzAwM0IxQyIgc3Ryb2tlLXdpZHRoPSIzIi8+Cjwvc3ZnPgo=");
}

.icon--large.icon--digital-tool::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuODk0NzQgNDBIMTUuNzg5NU0xNS43ODk1IDQwVjMzLjMzMzNNMTUuNzg5NSA0MEgyNC4yMTA1TTE1Ljc4OTUgMzMuMzMzM0gyNC4yMTA1TTE1Ljc4OTUgMzMuMzMzM0g0VjEwSDM2VjIwLjgzMzNNMjQuMjEwNSA0MEgzMC4xMDUzTTI0LjIxMDUgNDBWMzMuMzMzM00yNC4yMTA1IDMzLjMzMzNIMjlNMzcuMTk3MiAzMS43NzI2TDMzLjY5NDMgMzYuNDEzOUwzMS43MzYzIDI0TDQyIDMwTDM3LjE5NzIgMzEuNzcyNlpNMzcuMTk3MiAzMS43NzI2TDQxIDM3IiBzdHJva2U9IiMwMDNCMUMiIHN0cm9rZS13aWR0aD0iMyIvPgo8L3N2Zz4K");
}

.icon--large.icon--eye-closed::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDEyLjQ3MThDMjEgMTIgMjIuODI0MSAxMiAyNCAxMkMyNy40MjAzIDEyIDMyLjA0ODIgMTMuMDM2MSAzNiAxNkM0MCAxOSA0MiAyNCA0MiAyNEM0MiAyNCA0MS4zMDgyIDI2Ljc2NzIgMzguMTk4NCAzME0yOCAzNS41MjZDMjUuNjg4OSAzNiAyNCAzNiAyNCAzNkMyNCAzNiAxNyAzNiAxMiAzMkM3IDI4IDYgMjQgNiAyNEM2LjcyODc2IDIxLjgxMzcgNy45NDQ3NSAxOS44Mzg2IDkuNzQzODcgMThNOCA4TDQwIDQwIiBzdHJva2U9IiMwMDNCMUMiIHN0cm9rZS13aWR0aD0iMyIvPgo8L3N2Zz4K");
}

.icon--large.icon--eye::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQyIDI0TDQzLjQ1NTIgMjQuMzYzOEw0My41NzI4IDIzLjg5MzNMNDMuMzkyNyAyMy40NDI5TDQyIDI0Wk02IDI0TDQuNTc2OTggMjMuNTI1N0w0LjQzODg1IDIzLjk0TDQuNTQ0NzkgMjQuMzYzOEw2IDI0Wk0xMiAxNkwxMS4wNzkxIDE0LjgxNkwxMiAxNlpNMzAgMjRIMjguNUMyOC41IDI2LjQ4NTMgMjYuNDg1MyAyOC41IDI0IDI4LjVWMzBWMzEuNUMyOC4xNDIxIDMxLjUgMzEuNSAyOC4xNDIxIDMxLjUgMjRIMzBaTTI0IDMwVjI4LjVDMjEuNTE0NyAyOC41IDE5LjUgMjYuNDg1MyAxOS41IDI0SDE4SDE2LjVDMTYuNSAyOC4xNDIxIDE5Ljg1NzkgMzEuNSAyNCAzMS41VjMwWk0xOCAyNEgxOS41QzE5LjUgMjEuNTE0NyAyMS41MTQ3IDE5LjUgMjQgMTkuNVYxOFYxNi41QzE5Ljg1NzkgMTYuNSAxNi41IDE5Ljg1NzkgMTYuNSAyNEgxOFpNMjQgMThWMTkuNUMyNi40ODUzIDE5LjUgMjguNSAyMS41MTQ3IDI4LjUgMjRIMzBIMzEuNUMzMS41IDE5Ljg1NzkgMjguMTQyMSAxNi41IDI0IDE2LjVWMThaTTI0IDEyVjEzLjVDMjcuMTU2NCAxMy41IDMxLjQ1MjUgMTQuNDY0NCAzNS4xIDE3LjJMMzYgMTZMMzYuOSAxNC44QzMyLjY0MzggMTEuNjA3OSAyNy42ODQxIDEwLjUgMjQgMTAuNVYxMlpNMzYgMTZMMzUuMSAxNy4yQzM2Ljg5MTYgMTguNTQzNyAzOC4yNzQ2IDIwLjM3MDggMzkuMjIyNSAyMS45MTExQzM5LjY5MTcgMjIuNjczNSA0MC4wNDMgMjMuMzQ3MSA0MC4yNzUzIDIzLjgyNjNDNDAuMzkxMiAyNC4wNjU1IDQwLjQ3NyAyNC4yNTUgNDAuNTMyNCAyNC4zODE1QzQwLjU2MDIgMjQuNDQ0NyA0MC41ODAzIDI0LjQ5MjEgNDAuNTkyOCAyNC41MjJDNDAuNTk5IDI0LjUzNjkgNDAuNjAzMyAyNC41NDc0IDQwLjYwNTggMjQuNTUzM0M0MC42MDcgMjQuNTU2MyA0MC42MDc3IDI0LjU1ODEgNDAuNjA4IDI0LjU1ODdDNDAuNjA4MSAyNC41NTkxIDQwLjYwODEgMjQuNTU5MSA0MC42MDggMjQuNTU4OEM0MC42MDc5IDI0LjU1ODcgNDAuNjA3OCAyNC41NTg1IDQwLjYwNzcgMjQuNTU4MkM0MC42MDc3IDI0LjU1OCA0MC42MDc2IDI0LjU1NzggNDAuNjA3NSAyNC41NTc3QzQwLjYwNzQgMjQuNTU3NCA0MC42MDczIDI0LjU1NzEgNDIgMjRDNDMuMzkyNyAyMy40NDI5IDQzLjM5MjYgMjMuNDQyNiA0My4zOTI0IDIzLjQ0MjJDNDMuMzkyNCAyMy40NDIxIDQzLjM5MjIgMjMuNDQxNyA0My4zOTIxIDIzLjQ0MTRDNDMuMzkxOSAyMy40NDA4IDQzLjM5MTYgMjMuNDQwMSA0My4zOTEzIDIzLjQzOTRDNDMuMzkwNyAyMy40Mzc5IDQzLjM5IDIzLjQzNjEgNDMuMzg5MSAyMy40MzRDNDMuMzg3NCAyMy40Mjk4IDQzLjM4NTIgMjMuNDI0NCA0My4zODI1IDIzLjQxNzhDNDMuMzc3MSAyMy40MDQ2IDQzLjM2OTggMjMuMzg2NyA0My4zNjA0IDIzLjM2NDNDNDMuMzQxNiAyMy4zMTk0IDQzLjMxNDggMjMuMjU2NCA0My4yODAxIDIzLjE3NzFDNDMuMjEwNSAyMy4wMTg0IDQzLjEwODggMjIuNzkzOSA0Mi45NzQ3IDIyLjUxNzVDNDIuNzA3IDIxLjk2NTQgNDIuMzA4MyAyMS4yMDE1IDQxLjc3NzUgMjAuMzM4OUM0MC43MjU0IDE4LjYyOTIgMzkuMTA4NCAxNi40NTYzIDM2LjkgMTQuOEwzNiAxNlpNNiAyNEw3LjQyMzAyIDI0LjQ3NDNDOC4zMTMxNCAyMS44MDQgMTAuMDI3OSAxOS40MzQxIDEyLjkyMDkgMTcuMTg0TDEyIDE2TDExLjA3OTEgMTQuODE2QzcuODA2ODUgMTcuMzYxIDUuNjg2ODYgMjAuMTk2IDQuNTc2OTggMjMuNTI1N0w2IDI0Wk0xMiAxNkwxMi45MjA5IDE3LjE4NEMxNi4wNDUxIDE0Ljc1NDEgMjAuODQ5IDEzLjUgMjQgMTMuNVYxMlYxMC41QzIwLjMxMDUgMTAuNSAxNC44MjMxIDExLjkwNCAxMS4wNzkxIDE0LjgxNkwxMiAxNlpNNiAyNEM0LjU0NDc5IDI0LjM2MzggNC41NDQ5NiAyNC4zNjQ1IDQuNTQ1MTMgMjQuMzY1MkM0LjU0NTIgMjQuMzY1NCA0LjU0NTM4IDI0LjM2NjIgNC41NDU1IDI0LjM2NjdDNC41NDU3NiAyNC4zNjc3IDQuNTQ2MDMgMjQuMzY4OCA0LjU0NjMyIDI0LjM2OTlDNC41NDY5IDI0LjM3MjIgNC41NDc1NSAyNC4zNzQ3IDQuNTQ4MjYgMjQuMzc3NUM0LjU0OTY5IDI0LjM4MyA0LjU1MTM5IDI0LjM4OTUgNC41NTMzOCAyNC4zOTdDNC41NTczNiAyNC40MTIgNC41NjI0OSAyNC40MzA4IDQuNTY4ODUgMjQuNDUzNEM0LjU4MTU5IDI0LjQ5ODUgNC41OTkyOSAyNC41NTg1IDQuNjIyNzIgMjQuNjMyNUM0LjY2OTU4IDI0Ljc4MDUgNC43MzkzOSAyNC45ODQzIDQuODM4MjUgMjUuMjM2QzUuMDM1OTYgMjUuNzM5MiA1LjM1MDA1IDI2LjQzNDIgNS44MjkzMyAyNy4yNTU4QzYuNzg5MzggMjguOTAxNiA4LjQwNzEgMzEuMDQ2NiAxMS4wNjMgMzMuMTcxM0wxMiAzMkwxMi45MzcgMzAuODI4N0MxMC41OTI5IDI4Ljk1MzQgOS4yMTA2MiAyNy4wOTg0IDguNDIwNjcgMjUuNzQ0MkM4LjAyNDk1IDI1LjA2NTggNy43NzY1NCAyNC41MTA4IDcuNjMwNSAyNC4xMzlDNy41NTc0OSAyMy45NTMyIDcuNTEwMTEgMjMuODEzMyA3LjQ4Mjc1IDIzLjcyNjhDNy40NjkwNyAyMy42ODM3IDcuNDYwNCAyMy42NTM5IDcuNDU2MDUgMjMuNjM4NEM3LjQ1Mzg3IDIzLjYzMDcgNy40NTI3NyAyMy42MjY2IDcuNDUyNjYgMjMuNjI2MkM3LjQ1MjYgMjMuNjI2IDcuNDUyOCAyMy42MjY3IDcuNDUzMjMgMjMuNjI4NEM3LjQ1MzQ0IDIzLjYyOTIgNy40NTM3MiAyMy42MzAzIDcuNDU0MDUgMjMuNjMxNkM3LjQ1NDIxIDIzLjYzMjIgNy40NTQzOSAyMy42MzI5IDcuNDU0NTkgMjMuNjMzN0M3LjQ1NDY4IDIzLjYzNDEgNy40NTQ4NCAyMy42MzQ3IDcuNDU0ODkgMjMuNjM0OUM3LjQ1NTA1IDIzLjYzNTUgNy40NTUyMSAyMy42MzYyIDYgMjRaTTEyIDMyTDExLjA2MyAzMy4xNzEzQzEzLjgxNjUgMzUuMzc0MSAxNy4wNjk1IDM2LjQ0MjIgMTkuNTY2IDM2Ljk2NzhDMjAuODI0NiAzNy4yMzI4IDIxLjkxNzkgMzcuMzY1NSAyMi43MDA5IDM3LjQzMjFDMjMuMDkzMSAzNy40NjU1IDIzLjQwOTEgMzcuNDgyNCAyMy42MzEyIDM3LjQ5MTFDMjMuNzQyNCAzNy40OTU0IDIzLjgzMDEgMzcuNDk3NiAyMy44OTIzIDM3LjQ5ODhDMjMuOTIzNCAzNy40OTkzIDIzLjk0ODEgMzcuNDk5NyAyMy45NjYxIDM3LjQ5OThDMjMuOTc1MSAzNy40OTk5IDIzLjk4MjUgMzcuNDk5OSAyMy45ODgxIDM3LjVDMjMuOTkxIDM3LjUgMjMuOTkzNCAzNy41IDIzLjk5NTQgMzcuNUMyMy45OTYzIDM3LjUgMjMuOTk3MiAzNy41IDIzLjk5OCAzNy41QzIzLjk5ODQgMzcuNSAyMy45OTg5IDM3LjUgMjMuOTk5MSAzNy41QzIzLjk5OTYgMzcuNSAyNCAzNy41IDI0IDM2QzI0IDM0LjUgMjQuMDAwNCAzNC41IDI0LjAwMDggMzQuNUMyNC4wMDA4IDM0LjUgMjQuMDAxMiAzNC41IDI0LjAwMTQgMzQuNUMyNC4wMDE3IDM0LjUgMjQuMDAxOSAzNC41IDI0LjAwMjEgMzQuNUMyNC4wMDI0IDM0LjUgMjQuMDAyMiAzNC41IDI0LjAwMTcgMzQuNUMyNC4wMDA2IDM0LjUgMjMuOTk3OCAzNC41IDIzLjk5MzQgMzQuNDk5OUMyMy45ODQ3IDM0LjQ5OTkgMjMuOTY5NSAzNC40OTk3IDIzLjk0ODEgMzQuNDk5M0MyMy45MDUzIDM0LjQ5ODUgMjMuODM3NyAzNC40OTY4IDIzLjc0NzcgMzQuNDkzM0MyMy41Njc0IDM0LjQ4NjMgMjMuMjk3NiAzNC40NzIgMjIuOTU1MyAzNC40NDI5QzIyLjI2OTYgMzQuMzg0NSAyMS4zMDA0IDM0LjI2NzIgMjAuMTg0IDM0LjAzMjJDMTcuOTMwNSAzMy41NTc4IDE1LjE4MzUgMzIuNjI1OSAxMi45MzcgMzAuODI4N0wxMiAzMlpNMjQgMzZDMjQgMzcuNSAyNC4wMDA0IDM3LjUgMjQuMDAwOSAzNy41QzI0LjAwMTEgMzcuNSAyNC4wMDE2IDM3LjUgMjQuMDAyIDM3LjVDMjQuMDAyOCAzNy41IDI0LjAwMzcgMzcuNSAyNC4wMDQ2IDM3LjVDMjQuMDA2NiAzNy41IDI0LjAwOSAzNy41IDI0LjAxMTkgMzcuNUMyNC4wMTc1IDM3LjQ5OTkgMjQuMDI0OSAzNy40OTk5IDI0LjAzMzkgMzcuNDk5OEMyNC4wNTE5IDM3LjQ5OTcgMjQuMDc2NiAzNy40OTkzIDI0LjEwNzcgMzcuNDk4OEMyNC4xNjk5IDM3LjQ5NzYgMjQuMjU3NiAzNy40OTU0IDI0LjM2ODggMzcuNDkxMUMyNC41OTA5IDM3LjQ4MjQgMjQuOTA2OSAzNy40NjU1IDI1LjI5OTEgMzcuNDMyMUMyNi4wODIxIDM3LjM2NTUgMjcuMTc1NCAzNy4yMzI4IDI4LjQzNCAzNi45Njc4QzMwLjkzMDUgMzYuNDQyMiAzNC4xODM1IDM1LjM3NDEgMzYuOTM3IDMzLjE3MTNMMzYgMzJMMzUuMDYzIDMwLjgyODdDMzIuODE2NSAzMi42MjU5IDMwLjA2OTUgMzMuNTU3OCAyNy44MTYgMzQuMDMyMkMyNi42OTk2IDM0LjI2NzIgMjUuNzMwNCAzNC4zODQ1IDI1LjA0NDcgMzQuNDQyOUMyNC43MDI0IDM0LjQ3MiAyNC40MzI2IDM0LjQ4NjMgMjQuMjUyMyAzNC40OTMzQzI0LjE2MjMgMzQuNDk2OCAyNC4wOTQ3IDM0LjQ5ODUgMjQuMDUxOSAzNC40OTkzQzI0LjAzMDUgMzQuNDk5NyAyNC4wMTUzIDM0LjQ5OTkgMjQuMDA2NiAzNC40OTk5QzI0LjAwMjIgMzQuNSAyMy45OTk0IDM0LjUgMjMuOTk4MyAzNC41QzIzLjk5NzggMzQuNSAyMy45OTc2IDM0LjUgMjMuOTk3OSAzNC41QzIzLjk5ODEgMzQuNSAyMy45OTgzIDM0LjUgMjMuOTk4NiAzNC41QzIzLjk5ODggMzQuNSAyMy45OTkyIDM0LjUgMjMuOTk5MiAzNC41QzIzLjk5OTYgMzQuNSAyNCAzNC41IDI0IDM2Wk0zNiAzMkwzNi45MzcgMzMuMTcxM0MzOS41OTI5IDMxLjA0NjYgNDEuMjEwNiAyOC45MDE2IDQyLjE3MDcgMjcuMjU1OEM0Mi42NSAyNi40MzQyIDQyLjk2NCAyNS43MzkyIDQzLjE2MTggMjUuMjM2QzQzLjI2MDYgMjQuOTg0MyA0My4zMzA0IDI0Ljc4MDUgNDMuMzc3MyAyNC42MzI1QzQzLjQwMDcgMjQuNTU4NSA0My40MTg0IDI0LjQ5ODUgNDMuNDMxMSAyNC40NTM0QzQzLjQzNzUgMjQuNDMwOCA0My40NDI2IDI0LjQxMiA0My40NDY2IDI0LjM5N0M0My40NDg2IDI0LjM4OTUgNDMuNDUwMyAyNC4zODMgNDMuNDUxNyAyNC4zNzc1QzQzLjQ1MjUgMjQuMzc0NyA0My40NTMxIDI0LjM3MjIgNDMuNDUzNyAyNC4zNjk5QzQzLjQ1NCAyNC4zNjg4IDQzLjQ1NDIgMjQuMzY3NyA0My40NTQ1IDI0LjM2NjdDNDMuNDU0NiAyNC4zNjYyIDQzLjQ1NDggMjQuMzY1NCA0My40NTQ5IDI0LjM2NTJDNDMuNDU1IDI0LjM2NDUgNDMuNDU1MiAyNC4zNjM4IDQyIDI0QzQwLjU0NDggMjMuNjM2MiA0MC41NDQ5IDIzLjYzNTUgNDAuNTQ1MSAyMy42MzQ5QzQwLjU0NTIgMjMuNjM0NyA0MC41NDUzIDIzLjYzNDEgNDAuNTQ1NCAyMy42MzM3QzQwLjU0NTYgMjMuNjMyOSA0MC41NDU4IDIzLjYzMjIgNDAuNTQ2IDIzLjYzMTZDNDAuNTQ2MyAyMy42MzAzIDQwLjU0NjYgMjMuNjI5MiA0MC41NDY4IDIzLjYyODRDNDAuNTQ3MiAyMy42MjY3IDQwLjU0NzQgMjMuNjI2IDQwLjU0NzMgMjMuNjI2MkM0MC41NDcyIDIzLjYyNjYgNDAuNTQ2MSAyMy42MzA3IDQwLjU0NCAyMy42Mzg0QzQwLjUzOTYgMjMuNjUzOSA0MC41MzA5IDIzLjY4MzcgNDAuNTE3MyAyMy43MjY4QzQwLjQ4OTkgMjMuODEzMyA0MC40NDI1IDIzLjk1MzIgNDAuMzY5NSAyNC4xMzlDNDAuMjIzNSAyNC41MTA4IDM5Ljk3NSAyNS4wNjU4IDM5LjU3OTMgMjUuNzQ0MkMzOC43ODk0IDI3LjA5ODQgMzcuNDA3MSAyOC45NTM0IDM1LjA2MyAzMC44Mjg3TDM2IDMyWiIgZmlsbD0iIzAwM0IxQyIvPgo8L3N2Zz4K");
}

.icon--large.icon--lightbulb::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDQySDMxTTI0IDI0VjM1LjI1TTEwIDE5LjVDMTAgMTIuMDQ0MiAxNi4yNjggNiAyNCA2QzMxLjczMiA2IDM4IDEyLjA0NDIgMzggMTkuNUMzOCAyNC40OTY5IDM1LjE4NDYgMjguODU5NyAzMSAzMS4xOTM5VjM1LjI1SDE3VjMxLjE5MzlDMTIuODE1NCAyOC44NTk3IDEwIDI0LjQ5NjkgMTAgMTkuNVoiIHN0cm9rZT0iIzAwM0IxQyIgc3Ryb2tlLXdpZHRoPSIzIi8+Cjwvc3ZnPgo=");
}

.icon--large.icon--news::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQyIDE2VjhNNDIgNDBWMzAuODU3MU0xMy4wNDc3IDI5LjkxMzlMMTUgNDBIMjEuNzVMMjAuMTM3MiAzMS4yNjIyTTYgMjguNTcxNEw0MiAzNS40Mjg2VjEyLjU3MTRMNiAxOS40Mjg2VjI4LjU3MTRaIiBzdHJva2U9IiMwMDNCMUMiIHN0cm9rZS13aWR0aD0iMyIvPgo8L3N2Zz4K");
}

.icon--large.icon--phone::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyIDM1SDI2TTEyIDZIMzZWNDJIMTJWNloiIHN0cm9rZT0iIzAwM0IxQyIgc3Ryb2tlLXdpZHRoPSIzIi8+Cjwvc3ZnPgo=");
}

.icon--large.icon--saving::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjAwMDEgMTZIMjQuMDAwMU0yOS4wMDAxIDIwSDMyLjAwMDFNMTguMDAwMiAzNS45OTk4SDI2LjAwMDJWMzkuOTk5OEgzNC4wMDAyTDM3LjAwMDIgMjkuOTk5OEw0Mi4wMDAzIDI3Ljk5OThWMTcuOTk5OEgzOS4wMDAzTDMzLjAwMDIgMTAuOTk5OEwzNC4wMDAyIDYuOTk5NzlDMzEuNjY2OSA1Ljk5OTc5IDI2LjgwMDIgNS4xOTk3OSAyNi4wMDAyIDkuOTk5NzlDMjEgMTAgMTIuMTMwMSA5LjM5MTMzIDguOTk5OTIgMTJDMy4wMDAyOSAxNyA4LjAwMDI1IDMyLjk5OTkgMTEuMDAwMiAzOS45OTk4SDE4LjAwMDJWMzUuOTk5OFoiIHN0cm9rZT0iIzAwM0IxQyIgc3Ryb2tlLXdpZHRoPSIzIi8+Cjwvc3ZnPgo=");
}

.icon--large.icon--services::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMjZMNi4wMTc1OSA0MS41ODk4TTI1LjcyMTkgMTIuNTQzNkMyNS43MjE5IDUuOTcxNTcgMjguNjc4MyA0IDM0IDRDMzQgOS45MTQ4IDMxLjA0MzUgMTIuNTQzNiAyNS43MjE5IDEyLjU0MzZaTTI1LjcyMTkgMTIuNTQzNkwyNS42ODY4IDI0TTEyIDI4VjQwTDI4IDQ0TDQyIDM4VjM0SDIwQzI5LjYgMzQgMzIgMzEgMzIgMjhIMTJaTTI1LjY4NjggMTcuODI5NkMyNS42ODY4IDExLjI1NzYgMjMuMzIxNyA5LjI4NiAxOCA5LjI4NkMxOCAxNS4yMDA4IDIwLjk1NjUgMTcuODI5NiAyNS42ODY4IDE3LjgyOTZaIiBzdHJva2U9IiMwMDNCMUMiIHN0cm9rZS13aWR0aD0iMyIvPgo8L3N2Zz4K");
}

.icon--social-x::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjQ1MzEgOC4yNDkwMkwxOC42MTYyIDJIMjEuMjFMMTQuNjE4MiA5Ljk3NzU0TDIyLjY3NDggMjEuOTIxOUwyMi41NTg2IDIySDE1LjQ5MTJMMTAuNjM0OCAxNC44MDA4TDQuNjg4NDggMjJIMi4wOTM3NUw5LjQ2ODc1IDEzLjA3MjNMMiAySDkuMjM4MjhMMTMuNDUzMSA4LjI0OTAyWk0xNi41NTQ3IDIwSDE4Ljk2NThMOC4xNzQ4IDRINS43NjE3MkwxNi41NTQ3IDIwWiIgZmlsbD0iIzAwM0IxQyIvPgo8L3N2Zz4K");
}

.icon--social-facebook::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2Ljk5NjcgMi45OTk2M0gxNC4yNzAzQzEzLjA2NTEgMi45OTk2MyAxMS45MDkzIDMuNDczNzggMTEuMDU3MSA0LjMxNzc2QzEwLjIwNSA1LjE2MTc0IDkuNzI2MjEgNi4zMDY0MiA5LjcyNjIxIDcuNDk5OTlWMTAuMjAwMkg2Ljk5OTc2VjEzLjgwMDVIOS43MjYyMVYyMS4wMDExSDEzLjM2MTVWMTMuODAwNUgxNi4wODc5TDE2Ljk5NjcgMTAuMjAwMkgxMy4zNjE1VjcuNDk5OTlDMTMuMzYxNSA3LjI2MTI4IDEzLjQ1NzIgNy4wMzIzNCAxMy42Mjc3IDYuODYzNTVDMTMuNzk4MSA2LjY5NDc1IDE0LjAyOTMgNi41OTk5MiAxNC4yNzAzIDYuNTk5OTJIMTYuOTk2N1YyLjk5OTYzWiIgc3Ryb2tlPSIjMDAzQjFDIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K");
}

.icon--social-youtube::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4yNzQgNC4wMDA5OEMxMi40NDk1IDQuMDAxNzMgMTIuNzAyMiA0LjAwMjg3IDEzLjAwOTMgNC4wMDU4NkMxMy42MjM2IDQuMDExODQgMTQuNDYwNiA0LjAyMzg5IDE1LjM0NzIgNC4wNDc4NUMxNi4yMzI1IDQuMDcxNzggMTcuMTc2IDQuMTA4MzkgMTguMDAwNSA0LjE2MzA5QzE4LjY5OTQgNC4yMDk0NSAxOS4zNzM3IDQuMjcxOTkgMTkuODU3IDQuMzY2MjFMMjAuMDUyMyA0LjQwOTE4TDIwLjA4NjUgNC40MTc5N0MyMC42ODMgNC41ODYxMiAyMS4yMjU0IDQuOTA4NiAyMS42NTc4IDUuMzUyNTRDMjIuMDM2IDUuNzQxIDIyLjMxOSA2LjIxMDc2IDIyLjQ4NDkgNi43MjQ2MUwyMi41NDk0IDYuOTQ4MjRMMjIuNTYzIDcuMDEzNjdDMjIuODYxOCA4LjY2Mzc5IDIzLjAwNzUgMTAuMzM3OSAyMi45OTc2IDEyLjAxNDZMMjIuOTkyNyAxMi42MzU3QzIyLjk2NDkgMTQuMDgyOSAyMi44MjEgMTUuNTI2MSAyMi41NjMgMTYuOTUxMkMyMi41NTkxIDE2Ljk3MzEgMjIuNTU0OCAxNi45OTUgMjIuNTQ5NCAxNy4wMTY2QzIyLjM5ODQgMTcuNjE3NyAyMi4wOTAyIDE4LjE2ODIgMjEuNjU3OCAxOC42MTIzQzIxLjIyNTQgMTkuMDU2MiAyMC42ODMgMTkuMzc4NyAyMC4wODY1IDE5LjU0NjlDMjAuMDgyMiAxOS41NDgxIDIwLjA3NzEgMTkuNTQ5NiAyMC4wNzI4IDE5LjU1MDhDMTkuNTc4NyAxOS42ODIzIDE4LjgwNTUgMTkuNzY0MyAxOC4wMDc0IDE5LjgyMjNDMTcuMTgxIDE5Ljg4MjMgMTYuMjM2IDE5LjkyMiAxNS4zNTAyIDE5Ljk0ODJDMTQuNDYyNyAxOS45NzQ1IDEzLjYyNSAxOS45ODc2IDEzLjAxMDMgMTkuOTk0MUMxMi43MDMyIDE5Ljk5NzQgMTIuNDUwNiAxOS45OTkyIDEyLjI3NSAyMEMxMi4xODczIDIwLjAwMDQgMTIuMTE3NyAyMC4wMDA5IDEyLjA3MDkgMjAuMDAxSDExLjkyNTNDMTEuODc4NCAyMC4wMDA5IDExLjgwODggMjAuMDAwNCAxMS43MjEyIDIwQzExLjU0NTUgMTkuOTk5MiAxMS4yOTMgMTkuOTk3NCAxMC45ODU5IDE5Ljk5NDFDMTAuMzcxMSAxOS45ODc2IDkuNTMzNDcgMTkuOTc0NSA4LjY0NjA1IDE5Ljk0ODJDNy43NjAzMiAxOS45MjIgNi44MTU5OSAxOS44ODIzIDUuOTg5OCAxOS44MjIzQzUuMTkxNDcgMTkuNzY0MiA0LjQxNzQ5IDE5LjY4MjQgMy45MjMzOSAxOS41NTA4TDMuOTE3NTMgMTkuNTQ4OEMzLjMzMzIyIDE5LjM4OTQgMi43OTg5MyAxOS4wODI0IDIuMzY3NzMgMTguNjU3MkMxLjkzNjU2IDE4LjIzMiAxLjYyMjA0IDE3LjcwMjMgMS40NTU2MiAxNy4xMjAxQzEuNDQ2NTYgMTcuMDg4NCAxLjQzOTA0IDE3LjA1NTkgMS40MzMxNiAxNy4wMjM0QzEuMTMzODEgMTUuMzcgMC45ODg5NzYgMTMuNjkxOCAwLjk5OTU2NSAxMi4wMTE3QzAuOTkyMDM2IDEwLjM0OCAxLjEzNjggOC42ODcwOCAxLjQzMzE2IDcuMDQ5OEwxLjQ0NzgxIDYuOTg0MzhDMS41OTg4IDYuMzgzMzggMS45MDYxIDUuODMyNzcgMi4zMzg0MyA1LjM4ODY3QzIuNzcwNzMgNC45NDQ2OCAzLjMxMzE4IDQuNjIyMzIgMy45MDk3MiA0LjQ1NDFMMy45MjMzOSA0LjQ1MDJDNC40MTc0OSA0LjMxODU3IDUuMTkxNDMgNC4yMzY3NCA1Ljk4OTggNC4xNzg3MUM2LjgxNiA0LjExODY4IDcuNzYwMzIgNC4wNzg5NiA4LjY0NjA1IDQuMDUyNzNDOS41MzM0NyA0LjAyNjQ2IDEwLjM3MTEgNC4wMTMzOSAxMC45ODU5IDQuMDA2ODRDMTEuMjkzIDQuMDAzNTYgMTEuNTQ1NSA0LjAwMTggMTEuNzIxMiA0LjAwMDk4QzExLjgwODggNC4wMDA1NyAxMS44Nzg0IDQuMDAwMTEgMTEuOTI1MyA0SDEyLjA3MDlDMTIuMTE3NiA0LjAwMDA5IDEyLjE4NjUgNC4wMDA2IDEyLjI3NCA0LjAwMDk4Wk0xMS43MzEgNi4wMDA5OEMxMS41NTg3IDYuMDAxNzggMTEuMzEwMSA2LjAwMzYxIDExLjAwNzQgNi4wMDY4NEMxMC40MDA4IDYuMDEzMyA5LjU3NjU2IDYuMDI1OTggOC43MDU2MiA2LjA1MTc2QzcuODMyOTMgNi4wNzc2IDYuOTIwMDMgNi4xMTU3NiA2LjEzNDMzIDYuMTcyODVDNS4zMjYzIDYuMjMxNTggNC43MzM1NyA2LjMwNDgxIDQuNDQzOSA2LjM4MDg2QzQuMTg4MSA2LjQ1NDUzIDMuOTU1OSA2LjU5NDMyIDMuNzcxMDUgNi43ODQxOEMzLjU4ODY4IDYuOTcxNjUgMy40NTg1MyA3LjIwMjYyIDMuMzkyMTQgNy40NTQxQzMuMTIyNzkgOC45NTg4NCAyLjk5MTk5IDEwLjQ4NTIgMi45OTk1NiAxMi4wMTM3VjEyLjAyNDRDMi45ODk4OSAxMy41NTkgMy4xMjA3MSAxNS4wOTE3IDMuMzkwMTkgMTYuNjAyNUMzLjQ2MzkzIDE2Ljg0MDEgMy41OTM4NCAxNy4wNTc2IDMuNzcyMDMgMTcuMjMzNEMzLjk1ODM2IDE3LjQxNzEgNC4xOTAyNSAxNy41NDk5IDQuNDQzOSAxNy42MTkxSDQuNDQyOTJDNC43MzIxOSAxNy42OTUzIDUuMzI1MjkgMTcuNzY4MyA2LjEzNDMzIDE3LjgyNzFDNi45MjAwNCAxNy44ODQyIDcuODMyOTEgMTcuOTIzNCA4LjcwNTYyIDE3Ljk0OTJDOS41NzY1NiAxNy45NzUgMTAuNDAwOCAxNy45ODc3IDExLjAwNzQgMTcuOTk0MUMxMS4zMTAxIDE3Ljk5NzQgMTEuNTU4NyAxNy45OTkyIDExLjczMSAxOEMxMS44MTY5IDE4LjAwMDQgMTEuODg0OCAxOC4wMDA5IDExLjkzMDIgMTguMDAxSDEyLjA2NjlDMTIuMTEyMyAxOC4wMDA5IDEyLjE3OTUgMTguMDAwNCAxMi4yNjUyIDE4QzEyLjQzNzQgMTcuOTk5MiAxMi42ODYxIDE3Ljk5NzQgMTIuOTg4OCAxNy45OTQxQzEzLjU5NTMgMTcuOTg3NyAxNC40MTk2IDE3Ljk3NSAxNS4yOTA2IDE3Ljk0OTJDMTYuMTYzMiAxNy45MjM0IDE3LjA3NjIgMTcuODg0MiAxNy44NjE5IDE3LjgyNzFDMTguNjY4OSAxNy43Njg1IDE5LjI2MTEgMTcuNjk1MSAxOS41NTEzIDE3LjYxOTFDMTkuODA3NSAxNy41NDU2IDIwLjA0IDE3LjQwNjkgMjAuMjI1MiAxNy4yMTY4QzIwLjQwNzggMTcuMDI5MiAyMC41MzY3IDE2Ljc5NzcgMjAuNjAzMSAxNi41NDU5QzIwLjg3MDIgMTUuMDUyOSAyMS4wMDMxIDEzLjUzOSAyMC45OTc2IDEyLjAyMjVWMTIuMDExN0MyMS4wMDczIDEwLjQ3MTQgMjAuODc0NyA4LjkzMzM4IDIwLjYwMzEgNy40MTY5OUMyMC41MzY2IDcuMTY1OTIgMjAuNDA3MyA2LjkzNTIzIDIwLjIyNTIgNi43NDgwNUMyMC4wNDE0IDYuNTU5NDUgMTkuODExMSA2LjQyMDY0IDE5LjU1NzIgNi4zNDY2OEMxOS4yNTQzIDYuMjc2NzkgMTguNjYxNyA2LjIxMDgzIDE3Ljg2ODcgNi4xNTgyQzE3LjA4MTIgNi4xMDU5NyAxNi4xNjY4IDYuMDcwNDggMTUuMjkzNSA2LjA0Njg4QzE0LjQyMTcgNi4wMjMzMSAxMy41OTY3IDYuMDExNzYgMTIuOTg5OCA2LjAwNTg2QzEyLjY4NzEgNi4wMDI5MiAxMi40Mzg1IDYuMDAxNzEgMTIuMjY2MiA2LjAwMDk4QzEyLjE4MDMgNi4wMDA2MSAxMi4xMTIzIDYuMDAwMDkgMTIuMDY2OSA2SDExLjkzMDJDMTEuODg0OCA2LjAwMDEgMTEuODE2OSA2LjAwMDU4IDExLjczMSA2LjAwMDk4Wk0xNS4xODAyIDEyLjAxNzZMOS45NTM2NyAxNC45Nzk1VjkuMDU2NjRMMTUuMTgwMiAxMi4wMTc2WiIgZmlsbD0iIzAwM0IxQyIvPgo8L3N2Zz4K");
}

.icon--social-instagram::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjA0MiAyQzE5LjMyNzIgMi4wMDAwNSAyMS45OTk5IDQuNjcyNzcgMjIgNy45NTgwMVYxNi4wNDJDMjEuOTk5OSAxOS4zMjcyIDE5LjMyNzIgMjEuOTk5OSAxNi4wNDIgMjJINy45NTgwMUM0LjY3Mjc3IDIxLjk5OTkgMi4wMDAwNSAxOS4zMjcyIDIgMTYuMDQyVjcuOTU4MDFDMi4wMDAwNSA0LjY3Mjc3IDQuNjcyNzcgMi4wMDAwNSA3Ljk1ODAxIDJIMTYuMDQyWk03Ljk1ODAxIDQuMDExNzJDNS43Nzg3MyA0LjAxMTc3IDQuMDExNzcgNS43Nzg2OSA0LjAxMTcyIDcuOTU4MDFWMTYuMDQyQzQuMDExNzcgMTguMjIxMyA1Ljc3ODczIDE5Ljk4ODIgNy45NTgwMSAxOS45ODgzSDE2LjA0MkMxOC4yMjEzIDE5Ljk4ODIgMTkuOTg4MiAxOC4yMjEzIDE5Ljk4ODMgMTYuMDQyVjcuOTU4MDFDMTkuOTg4MiA1Ljc3ODY5IDE4LjIyMTMgNC4wMTE3NyAxNi4wNDIgNC4wMTE3Mkg3Ljk1ODAxWk0xMS45ODI0IDYuODE4MzZDMTQuODI5NCA2LjgxODU4IDE3LjE0NTQgOS4xMzUzOSAxNy4xNDU1IDExLjk4MjRDMTcuMTQ1NCAxNC44Mjk1IDE0LjgyOTQgMTcuMTQ1MyAxMS45ODI0IDE3LjE0NTVDOS4xMzU0NCAxNy4xNDUyIDYuODE4NDMgMTQuODI5NCA2LjgxODM2IDExLjk4MjRDNi44MTg0NSA5LjEzNTQ1IDkuMTM1NDUgNi44MTg2MiAxMS45ODI0IDYuODE4MzZaTTExLjk4MjQgOC44MjcxNUMxMC4yNDAyIDguODI3NDEgOC44MjcyNCAxMC4yNDAxIDguODI3MTUgMTEuOTgyNEM4LjgyNzIgMTMuNzI0OCAxMC4yNDAxIDE1LjEzNzQgMTEuOTgyNCAxNS4xMzc3QzEzLjcyNDcgMTUuMTM3NSAxNS4xMzY3IDEzLjcyNDggMTUuMTM2NyAxMS45ODI0QzE1LjEzNjYgMTAuMjQwMSAxMy43MjQ4IDguODI3MzcgMTEuOTgyNCA4LjgyNzE1Wk0xNy4xNTUzIDUuNjIwMTJDMTcuODM4NiA1LjYyMDEyIDE4LjM5MjUgNi4xNzQxNiAxOC4zOTI2IDYuODU3NDJDMTguMzkyNiA3LjU0MDc3IDE3LjgzODYgOC4wOTQ3MyAxNy4xNTUzIDguMDk0NzNDMTYuNDcyMyA4LjA5NDI1IDE1LjkxOCA3LjU0MDQ4IDE1LjkxOCA2Ljg1NzQyQzE1LjkxODEgNi4xNzQ0NSAxNi40NzI0IDUuNjIwNTkgMTcuMTU1MyA1LjYyMDEyWiIgZmlsbD0iIzAwM0IxQyIvPgo8L3N2Zz4K");
}

.baseblock .baseblock-inner {
  max-width: var(--max-content-width);
  padding-left: var(--content-padding);
  padding-right: var(--content-padding);
  margin-left: auto;
  margin-right: auto;
}

.baseblock .baseblock-inner.in-grid {
  --grid-total-columns: var(--grid-content-columns);
  grid-gap: 0;
  grid-auto-flow: row;
  grid-template-columns: repeat(var(--grid-total-columns), 1fr);
  max-width: var(--max-content-width);
  margin: 0 auto;
  padding: 0 2.4rem;
  display: grid;
}

@media screen and (width >= 601px) {
  .baseblock .baseblock-inner.in-grid {
    padding: 0 4rem;
  }
}

@media screen and (width >= 961px) {
  .baseblock .baseblock-inner.in-grid {
    padding: 0 6.4rem;
  }
}

@media screen and (width >= 1281px) {
  .baseblock .baseblock-inner.in-grid {
    padding: 0 8rem;
  }
}

.baseblock .baseblock-inner.in-grid-no-padding {
  --grid-total-columns: var(--grid-content-columns);
  grid-gap: 0;
  grid-auto-flow: row;
  grid-template-columns: repeat(var(--grid-total-columns), 1fr);
  max-width: var(--max-content-width);
  margin: 0 auto;
  padding: 0;
  display: grid;
}

.baseblock .baseblock-inner.full {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.baseblock.highlight {
  padding-top: var(--in-block-m);
  padding-bottom: var(--in-block-m);
  background: #003b1c;
}

.baseblock.highlight.is-stage-subpage {
  margin-bottom: var(--in-block-m);
  padding-bottom: 0;
}

.baseblock.default-variant {
  padding-top: var(--in-block-m);
  padding-bottom: var(--in-block-m);
  background: #f5f8f5;
}

.baseblock.default-variant.is-stage-subpage {
  margin-bottom: var(--in-block-m);
  padding-bottom: 0;
}

.baseblock.is-navi {
  z-index: 100;
}

.typography {
  padding-left: var(--content-padding);
  padding-right: var(--content-padding);
  max-width: var(--max-content-width);
  text-wrap: nowrap;
  flex-direction: column;
  margin-top: 27.45rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.intro-section {
  gap: var(--component-spacing-s);
  padding-block: var(--in-page-m);
  text-wrap: wrap;
  flex-direction: column;
  display: flex;
}

.font-family {
  text-transform: uppercase;
  margin-bottom: 3.2rem;
}

.font-family-container {
  gap: 4rem;
  display: flex;
}

.font-family-item {
  color: #fff;
  background-color: #003b1c;
  align-items: center;
  gap: 4.8rem;
  padding: 6.4rem 5.6rem;
  display: flex;
}

.font-family-roman,
.font-family-medium {
  font-size: 8rem;
}

.table-headline {
  text-transform: uppercase;
  margin-top: 10rem;
}

.typography-table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 2rem;
}

.typography-table th,
.typography-table td {
  text-align: left;
  padding: 1rem;
}

.typography-table th {
  text-transform: uppercase;
  color: #0a140a;
  border-bottom: 0.1rem solid #6e786e;
}

.horizontal-overlay {
  border-top: 0.1rem solid #d4d9d4;
  flex-direction: column;
  height: 100dvh;
  display: flex;
}

.horizontal-overlay .horizontal-overlay__background {
  opacity: 0.6;
  background-color: #003b1c;
  width: 100%;
  height: 100%;
}

.horizontal-overlay .horizontal-overlay__content-holder {
  padding-block: var(--in-block-xl);
}

.horizontal-overlay .horizontal-overlay__content {
  gap: var(--in-block-s);
  --grid-total-columns: var(--grid-content-columns);
  grid-gap: 0;
  grid-auto-flow: row;
  grid-template-columns: repeat(var(--grid-total-columns), 1fr);
  max-width: var(--max-content-width);
  flex-direction: column;
  margin: 0 auto;
  padding: 0 2.4rem;
  display: grid;
}

@media screen and (width >= 601px) {
  .horizontal-overlay .horizontal-overlay__content {
    padding: 0 4rem;
  }
}

@media screen and (width >= 961px) {
  .horizontal-overlay .horizontal-overlay__content {
    padding: 0 6.4rem;
  }
}

@media screen and (width >= 1281px) {
  .horizontal-overlay .horizontal-overlay__content {
    padding: 0 8rem;
  }
}

.horizontal-overlay .horizontal-overlay__title {
  margin-bottom: var(--component-spacing-xl);
}

.horizontal-overlay .horizontal-overlay__navi-item-holder {
  color: #0a140a;
  border-radius: 0.4rem;
  justify-content: space-between;
  align-items: center;
  gap: 1.6rem;
  width: 100%;
  display: flex;
}

.horizontal-overlay .horizontal-overlay__navi-item-holder.is-active,
.horizontal-overlay
  .horizontal-overlay__navi-item-holder.is-active
  .paragraph-xl {
  color: #00793a;
}

.horizontal-overlay
  .horizontal-overlay__navi-item-holder.is-active
  .paragraph-xl::before {
  will-change: all;
  content: "";
  z-index: 1;
  border: 0;
  border-bottom: 0.2rem solid #00793a;
  width: 100%;
  transition: all 0.25s cubic-bezier(0.33, 1, 0.68, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.horizontal-overlay .horizontal-overlay__navi-item-holder .paragraph-xl {
  color: #0a140a;
  position: relative;
  overflow: hidden;
}

.horizontal-overlay
  .horizontal-overlay__navi-item-holder
  .paragraph-xl::before {
  will-change: all;
  content: "";
  z-index: 1;
  border: 0;
  border-bottom: 0.2rem solid;
  width: 100%;
  transition: all 0.25s cubic-bezier(0.33, 1, 0.68, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100%;
}

.horizontal-overlay .horizontal-overlay__navi-item-holder:hover,
.horizontal-overlay .horizontal-overlay__navi-item-holder:focus-visible,
.horizontal-overlay .horizontal-overlay__navi-item-holder:hover .paragraph-xl,
.horizontal-overlay
  .horizontal-overlay__navi-item-holder:focus-visible
  .paragraph-xl {
  color: #00793a;
}

.horizontal-overlay
  .horizontal-overlay__navi-item-holder:hover
  .paragraph-xl::before,
.horizontal-overlay
  .horizontal-overlay__navi-item-holder:focus-visible
  .paragraph-xl::before {
  left: 0;
}

.horizontal-overlay
  .horizontal-overlay__navi-item-holder:hover
  .external-link-icon,
.horizontal-overlay
  .horizontal-overlay__navi-item-holder:focus-visible
  .external-link-icon {
  color: #00793a;
}

.horizontal-overlay
  .horizontal-overlay__navi-item-holder.is-active:hover
  .paragraph-xl::before,
.horizontal-overlay
  .horizontal-overlay__navi-item-holder.is-active:focus-visible
  .paragraph-xl::before {
  left: -100%;
}

.horizontal-overlay .horizontal-overlay__navi-item-holder:focus-visible {
  outline-offset: 0.3rem;
  outline: 0.1rem solid #003b1c;
}

.horizontal-overlay .horizontal-overlay__navi-item-holder:active {
  color: #00793a;
}

.horizontal-overlay .external-link-icon {
  color: #003b1c;
  flex-shrink: 0;
}

.horizontal-overlay .horizontal-overlay__sub-items {
  gap: var(--component-spacing-s);
  flex-direction: column;
  display: flex;
}

.horizontal-overlay .horizontal-overlay__first-layer {
  grid-column: 1 / span 7;
}

.horizontal-overlay .horizontal-overlay__second-layer {
  grid-column: 9 / span 7;
}

.horizontal-overlay .horizontal-overlay__third-layer {
  margin-top: var(--in-block-s);
  grid-column: 17 / span 9;
  position: relative;
}

.horizontal-overlay .horizontal-overlay__weather {
  font-size: 1.4rem;
  line-height: 1.7;
  position: absolute;
  top: -3rem;
  right: 0;
}

.horizontal-overlay .horizontal-overlay__teaser {
  text-align: start;
  color: #0a140a;
}

.horizontal-overlay .horizontal-overlay__teaser .h5-headline {
  color: #0a140a;
  width: fit-content;
  position: relative;
  overflow: hidden;
}

.horizontal-overlay .horizontal-overlay__teaser .h5-headline::before {
  will-change: all;
  content: "";
  z-index: 1;
  border: 0;
  border-bottom: 0.2rem solid #0a140a;
  width: 100%;
  transition: all 0.25s cubic-bezier(0.33, 1, 0.68, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100%;
}

.horizontal-overlay .horizontal-overlay__teaser:hover .h5-headline::before,
.horizontal-overlay
  .horizontal-overlay__teaser:focus-visible
  .h5-headline::before {
  left: 0;
}

.horizontal-overlay .horizontal-overlay__teaser:focus-visible {
  outline-offset: 0.7rem;
  border-radius: 0.4rem;
  outline: 0.1rem solid #003b1c;
}

.horizontal-overlay .horizontal-overlay__teaser-image-holder {
  aspect-ratio: 16 / 9;
  width: 100%;
  overflow: hidden;
}

.horizontal-overlay .horizontal-overlay__teaser-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.horizontal-overlay .horizontal-overlay__teaser-headline {
  margin-top: var(--component-spacing-l);
  margin-bottom: var(--component-spacing-s);
}

.navigation {
  z-index: 3;
  width: 100dvw;
  position: sticky;
  top: 0;
}

.navigation .navigation__wcag {
  padding-block: var(--component-spacing-s);
  color: #003b1c;
  background-color: #f5f8f5;
  border-bottom: 0.1rem solid #00793a;
  justify-content: center;
  display: flex;
}

.navigation .navigation__text-button {
  color: #003b1c;
  border-radius: 0.4rem;
  align-items: center;
  gap: 1.6rem;
  display: flex;
}

.navigation .navigation__text-button:hover {
  color: #00793a;
  text-underline-offset: 0.3rem;
  text-decoration: underline;
}

.navigation .navigation__text-button:focus-visible {
  outline-offset: 0.3rem;
  text-underline-offset: 0.3rem;
  outline: 0.1rem solid #003b1c;
  text-decoration: underline;
}

.navigation .navigation__text-button:active,
.navigation .navigation__text-button.is-active {
  color: #00793a;
  text-underline-offset: 0.3rem;
  text-decoration: underline;
}

.navigation .variant {
  background-color: #f5f8f5;
}

.navigation .variant .navigation__change-language {
  background-color: #fff;
}

.navigation .navigation__space-holder {
  background-color: #fff;
  width: 100%;
  height: 0;
}

.navigation .navigation__space-holder.variant {
  background-color: #f5f8f5;
}

.navigation .navigation__space-holder.scrolling {
  display: none;
}

.navigation .navigation__holder {
  background-color: #fff;
  width: 100%;
  position: relative;
}

.navigation .navigation__holder.variant {
  background-color: #f5f8f5;
}

.navigation .navigation__holder.scrolling {
  border-bottom: 0.1rem solid #d4d9d4;
}

.navigation .navigation__button {
  align-items: center;
  gap: var(--component-spacing-s);
  display: flex;
}

.navigation .navigation__button.paragraph-xl {
  color: #0a140a;
  position: relative;
  overflow: hidden;
}

.navigation .navigation__button.paragraph-xl::before {
  will-change: all;
  content: "";
  z-index: 1;
  border: 0;
  border-bottom: 0.2rem solid;
  width: 100%;
  transition: all 0.25s cubic-bezier(0.33, 1, 0.68, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100%;
}

.navigation .navigation__button.paragraph-xl.is-active,
.navigation .navigation__button.paragraph-xl:hover,
.navigation .navigation__button.paragraph-xl:focus-visible {
  color: #00793a;
}

.navigation .navigation__button.paragraph-xl.is-active::before,
.navigation .navigation__button.paragraph-xl:hover::before,
.navigation .navigation__button.paragraph-xl:focus-visible::before {
  left: 0;
}

.navigation .navigation__button.paragraph-xl.is-active:hover::before,
.navigation .navigation__button.paragraph-xl.is-active:focus-visible::before {
  left: -100%;
}

.navigation .navigation__button:focus-visible {
  outline-offset: 0.3rem;
  border-radius: 0.4rem;
  outline: 0.1rem solid #003b1c;
}

.navigation .navigation__content {
  padding-left: var(--content-padding);
  padding-right: var(--content-padding);
  max-width: var(--max-content-width);
  gap: var(--in-block-s);
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navigation .navigation__off-grid-logo-background {
  width: var(--content-padding);
  background-color: #00793a;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.navigation .navigation__search-section {
  align-items: center;
  gap: var(--in-block-s);
  flex-shrink: 0;
  display: flex;
}

.navigation .navigation__menu-text {
  font-size: 1.8rem;
  line-height: 1.6;
}

.navigation .navigation__logo-button {
  border-radius: 0.4rem;
}

.navigation .navigation__logo-button:focus-visible {
  outline-offset: 0.6rem;
  outline: 0.2rem solid #65ac1e;
}

.navigation .navigation__logo-holder {
  background-color: #00793a;
  padding: 2rem 4rem 1.8rem 2.9rem;
}

.navigation .navigation__item-section {
  gap: var(--in-block-m);
  color: #0a140a;
  display: flex;
}

.navigation .navigation__items {
  text-wrap: nowrap;
  gap: var(--in-block-l);
  color: #0a140a;
  font-size: 1.8rem;
  line-height: 1.6;
  display: flex;
}

.navigation .navigation__items.is-active {
  color: #00793a;
}

.navigation .navigation__change-language {
  width: 100%;
  padding-left: var(--content-padding);
  padding-block: var(--component-spacing-s);
  align-items: center;
  row-gap: var(--component-spacing-xs);
  column-gap: var(--component-spacing-xl);
  background-color: #f5f8f5;
  flex-wrap: wrap;
  display: flex;
}

.navigation .navigation__language-headline {
  gap: var(--component-spacing-m);
  text-wrap: nowrap;
  color: #505950;
  align-items: center;
  display: flex;
}

.navigation .navigation__languages {
  gap: var(--component-spacing-2xl);
  display: flex;
}

@media screen and (width >= 601px) {
  .navigation .navigation__change-language {
    margin-left: var(--content-padding);
    padding: var(--component-spacing-s) var(--component-spacing-xl);
    width: fit-content;
  }
}

@media screen and (width >= 1601px) {
  .navigation .navigation__off-grid-logo-background {
    width: calc(
      var(--content-padding) + (100dvw - var(--max-content-width)) / 2
    );
  }

  .navigation .navigation__change-language {
    margin-left: calc(
      var(--content-padding) + (100dvw - var(--max-content-width)) / 2
    );
  }
}

.vertical-overlay .vertical-overlay__background {
  z-index: 2;
  opacity: 0.6;
  background-color: #003b1c;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0;
}

.vertical-overlay .vertical-overlay__holder {
  z-index: 2;
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  max-width: 52rem;
  height: 100%;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
}

.vertical-overlay .vertical-overlay__title {
  padding: var(--in-block-l);
  border-bottom: 0.1rem solid #e0e2e5;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.vertical-overlay .vertical-overlay__weather {
  font-size: 1.4rem;
  line-height: 1.7;
}

.vertical-overlay .vertical-overlay__button {
  border-radius: 0.4rem;
  width: 2.4rem;
  height: 2.4rem;
}

.vertical-overlay .vertical-overlay__button:hover,
.vertical-overlay .vertical-overlay__button:focus-visible,
.vertical-overlay .vertical-overlay__button:active {
  color: #00793a;
}

.vertical-overlay .vertical-overlay__button:focus-visible {
  outline-offset: 0.3rem;
  outline: 0.1rem solid #003b1c;
}

.vertical-overlay .vertical-overlay__content {
  gap: var(--in-block-s);
  padding: var(--in-block-l);
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow-y: auto;
}

.vertical-overlay .vertical-overlay__footer {
  gap: var(--in-block-2xs);
  padding: var(--in-block-m) var(--in-block-l);
  border-top: 0.1rem solid #d4d9d4;
  flex-direction: column;
  display: flex;
}

.vertical-overlay .vertical-overlay__footer-item {
  align-items: center;
  gap: var(--component-spacing-s);
  padding: var(--component-spacing-s) 0;
  color: #003b1c;
  cursor: pointer;
  background: none;
  border: none;
  display: flex;
}

.vertical-overlay .vertical-overlay__footer-item span {
  letter-spacing: 0.03em;
  color: #003b1c;
  font-size: 1.6rem;
  line-height: 1.5;
}

.vertical-overlay .vertical-overlay__footer-item:hover,
.vertical-overlay .vertical-overlay__footer-item:focus-visible,
.vertical-overlay .vertical-overlay__footer-item:hover span,
.vertical-overlay .vertical-overlay__footer-item:focus-visible span {
  color: #00793a;
}

.vertical-overlay .vertical-overlay__footer-item:focus-visible {
  outline-offset: 0.3rem;
  border-radius: 0.4rem;
  outline: 0.1rem solid #003b1c;
}

.vertical-overlay .vertical-overlay__navi-item-holder {
  color: #0a140a;
  border-radius: 0.4rem;
  justify-content: space-between;
  align-items: center;
  gap: 1.6rem;
  display: flex;
}

.vertical-overlay .vertical-overlay__navi-item-holder.is-active,
.vertical-overlay .vertical-overlay__navi-item-holder.is-active .h5-headline,
.vertical-overlay .vertical-overlay__navi-item-holder.is-active .paragraph-xl {
  color: #00793a;
}

.vertical-overlay
  .vertical-overlay__navi-item-holder.is-active
  .h5-headline::before,
.vertical-overlay
  .vertical-overlay__navi-item-holder.is-active
  .paragraph-xl::before {
  will-change: all;
  content: "";
  z-index: 1;
  border: 0;
  border-bottom: 0.2rem solid #00793a;
  width: 100%;
  transition: all 0.25s cubic-bezier(0.33, 1, 0.68, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.vertical-overlay .vertical-overlay__navi-item-holder .h5-headline,
.vertical-overlay .vertical-overlay__navi-item-holder .paragraph-xl {
  color: #0a140a;
  position: relative;
  overflow: hidden;
}

.vertical-overlay .vertical-overlay__navi-item-holder .h5-headline::before,
.vertical-overlay .vertical-overlay__navi-item-holder .paragraph-xl::before {
  will-change: all;
  content: "";
  z-index: 1;
  border: 0;
  border-bottom: 0.2rem solid;
  width: 100%;
  transition: all 0.25s cubic-bezier(0.33, 1, 0.68, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100%;
}

.vertical-overlay .vertical-overlay__navi-item-holder:hover,
.vertical-overlay .vertical-overlay__navi-item-holder:focus-visible,
.vertical-overlay .vertical-overlay__navi-item-holder:hover .h5-headline,
.vertical-overlay .vertical-overlay__navi-item-holder:hover .paragraph-xl,
.vertical-overlay
  .vertical-overlay__navi-item-holder:focus-visible
  .h5-headline,
.vertical-overlay
  .vertical-overlay__navi-item-holder:focus-visible
  .paragraph-xl {
  color: #00793a;
}

.vertical-overlay
  .vertical-overlay__navi-item-holder:hover
  .h5-headline::before,
.vertical-overlay
  .vertical-overlay__navi-item-holder:hover
  .paragraph-xl::before,
.vertical-overlay
  .vertical-overlay__navi-item-holder:focus-visible
  .h5-headline::before,
.vertical-overlay
  .vertical-overlay__navi-item-holder:focus-visible
  .paragraph-xl::before {
  left: 0;
}

.vertical-overlay .vertical-overlay__navi-item-holder:hover .external-link-icon,
.vertical-overlay
  .vertical-overlay__navi-item-holder:focus-visible
  .external-link-icon {
  color: #00793a;
}

.vertical-overlay
  .vertical-overlay__navi-item-holder.is-active:hover
  .h5-headline::before,
.vertical-overlay
  .vertical-overlay__navi-item-holder.is-active:hover
  .paragraph-xl::before,
.vertical-overlay
  .vertical-overlay__navi-item-holder.is-active:focus-visible
  .h5-headline::before,
.vertical-overlay
  .vertical-overlay__navi-item-holder.is-active:focus-visible
  .paragraph-xl::before {
  left: -100%;
}

.vertical-overlay .vertical-overlay__navi-item-holder:focus-visible {
  outline-offset: 0.3rem;
  outline: 0.1rem solid #003b1c;
}

.vertical-overlay .vertical-overlay__navi-item-holder:active {
  color: #00793a;
}

.vertical-overlay .external-link-icon {
  color: #003b1c;
  flex-shrink: 0;
}

.vertical-overlay .vertical-overlay__sub-items {
  gap: var(--component-spacing-xl);
  flex-direction: column;
  display: flex;
}

.search .horizontal-search {
  display: none;
}

.search .horizontal-search .horizontal-search__overlay {
  --grid-total-columns: var(--grid-content-columns);
  grid-gap: 0;
  grid-auto-flow: row;
  grid-template-columns: repeat(var(--grid-total-columns), 1fr);
  max-width: var(--max-content-width);
  margin: 0 auto;
  margin-top: var(--in-block-m);
  margin-bottom: var(--in-block-xl);
  padding: 0 2.4rem;
  display: grid;
}

@media screen and (width >= 601px) {
  .search .horizontal-search .horizontal-search__overlay {
    padding: 0 4rem;
  }
}

@media screen and (width >= 961px) {
  .search .horizontal-search .horizontal-search__overlay {
    padding: 0 6.4rem;
  }
}

@media screen and (width >= 1281px) {
  .search .horizontal-search .horizontal-search__overlay {
    padding: 0 8rem;
  }
}

.search .horizontal-search .horizontal-search__background {
  opacity: 0.6;
  background-color: #003b1c;
  width: 100%;
  height: 100dvh;
}

.search .horizontal-search .horizontal-search__content {
  grid-column: 5 / span 16;
}

.search .horizontal-search .search-requests-header {
  margin-top: var(--in-block-m);
  color: #505950;
  font-size: 1.4rem;
  line-height: 1.7;
}

.search .horizontal-search .search-requests {
  margin-top: var(--component-spacing-l);
  gap: var(--in-block-2xs);
  flex-direction: column;
  font-size: 1.8rem;
  line-height: 1.6;
  display: flex;
}

.search .horizontal-search .search-request {
  gap: var(--component-spacing-s);
  text-align: start;
  will-change: color;
  border-radius: 0.4rem;
  align-items: center;
  width: fit-content;
  transition: color 0.125s cubic-bezier(0.33, 1, 0.68, 1);
  display: flex;
}

.search .horizontal-search .search-request i {
  opacity: 0;
  will-change: opacity;
  transition: opacity 0.125s cubic-bezier(0.33, 1, 0.68, 1);
}

.search .horizontal-search .search-request:hover,
.search .horizontal-search .search-request:focus-visible {
  color: #00793a;
}

.search .horizontal-search .search-request:hover i,
.search .horizontal-search .search-request:focus-visible i {
  opacity: 1;
}

.search .horizontal-search .search-request:focus-visible {
  outline-offset: 0.2rem;
  outline: 0.2rem solid #003b1c;
}

.search .vertical-search .vertical-search__background {
  z-index: 2;
  opacity: 0.6;
  background-color: #003b1c;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0;
}

.search .vertical-search .vertical-search__holder {
  z-index: 2;
  background-color: #fff;
  width: 100%;
  max-width: 52rem;
  height: 100%;
  padding-inline: 2.4rem;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
}

.search .vertical-search .vertical-search__header {
  margin-block: var(--in-block-s);
  justify-content: flex-end;
  display: flex;
}

.search .vertical-search .vertical-search__button {
  margin-block: var(--in-block-l);
  border-radius: 0.4rem;
  width: 2.4rem;
  height: 2.4rem;
  margin-left: auto;
}

.search .vertical-search .vertical-search__button:hover,
.search .vertical-search .vertical-search__button:focus-visible,
.search .vertical-search .vertical-search__button:active {
  color: #00793a;
}

.search .vertical-search .vertical-search__button:focus-visible {
  outline-offset: 0.3rem;
  outline: 0.1rem solid #003b1c;
}

.search .vertical-search .search-requests-header {
  margin-top: var(--in-block-m);
  color: #505950;
  font-size: 1.4rem;
  line-height: 1.7;
}

.search .vertical-search .search-requests {
  margin-top: var(--component-spacing-l);
  gap: var(--in-block-2xs);
  flex-direction: column;
  font-size: 1.8rem;
  line-height: 1.6;
  display: flex;
}

.search .vertical-search .search-request {
  gap: var(--component-spacing-s);
  text-align: start;
  border-radius: 0.4rem;
  align-items: center;
  width: fit-content;
  display: flex;
}

.search .vertical-search .search-request i {
  display: none;
}

.search .vertical-search .search-request:hover,
.search .vertical-search .search-request:focus-visible {
  color: #00793a;
}

.search .vertical-search .search-request:hover i,
.search .vertical-search .search-request:focus-visible i {
  display: block;
}

.search .vertical-search .search-request:focus-visible {
  outline-offset: 0.2rem;
  outline: 0.2rem solid #003b1c;
}

@media screen and (width >= 961px) {
  .search .horizontal-search {
    border-top: 0.1rem solid #d4d9d4;
    display: block;
  }

  .search .horizontal-search.edge-case,
  .search .vertical-search {
    display: none;
  }

  .search .vertical-search.edge-case {
    display: block;
  }
}

.search-result {
  padding-top: var(--in-block-m);
  background-color: #f5f8f5;
}

.search-result .search-result__holder {
  --grid-total-columns: var(--grid-content-columns);
  grid-gap: 0;
  grid-auto-flow: row;
  grid-template-columns: repeat(var(--grid-total-columns), 1fr);
  max-width: var(--max-content-width);
  margin: 0 auto;
  padding: 0 2.4rem;
  display: grid;
}

@media screen and (width >= 601px) {
  .search-result .search-result__holder {
    padding: 0 4rem;
  }
}

@media screen and (width >= 961px) {
  .search-result .search-result__holder {
    padding: 0 6.4rem;
  }
}

@media screen and (width >= 1281px) {
  .search-result .search-result__holder {
    padding: 0 8rem;
  }
}

.search-result .search-bar-wrapper {
  grid-column-end: span var(--grid-total-columns);
  padding-bottom: var(--in-block-xs);
}

.result-content-section {
  --grid-total-columns: var(--grid-content-columns);
  grid-gap: 0;
  grid-auto-flow: row;
  grid-template-columns: repeat(var(--grid-total-columns), 1fr);
  max-width: var(--max-content-width);
  background-color: #fff;
  margin: 0 auto;
  padding: 0 2.4rem;
  display: grid;
}

@media screen and (width >= 601px) {
  .result-content-section {
    padding: 0 4rem;
  }
}

@media screen and (width >= 961px) {
  .result-content-section {
    padding: 0 6.4rem;
  }
}

@media screen and (width >= 1281px) {
  .result-content-section {
    padding: 0 8rem;
  }
}

.result-content-section .result-section__holder {
  grid-column-end: span var(--grid-total-columns);
}

.result-content-section .result-section__header {
  margin-top: var(--in-page-s);
  padding-bottom: var(--in-block-2xs);
  border-bottom: 0.1rem solid #d4d9d4;
  justify-content: space-between;
  align-items: center;
  gap: 1.6rem;
  display: flex;
}

.result-content-section .result-amount {
  font-size: clamp(1.8rem, 1.6798rem + 0.2vw, 2rem);
  line-height: 1.5;
}

.result-content-section .result-section__header-desktop {
  margin-top: var(--in-page-s);
  display: none;
}

.result-content-section .result-message {
  color: #003b1c;
  margin-bottom: var(--in-block-xs);
  font-size: clamp(1.8rem, 1.6798rem + 0.2vw, 2rem);
  line-height: 1.5;
}

.result-content-section .filter-section {
  gap: var(--component-spacing-s);
  padding-bottom: var(--in-block-2xs);
  border-bottom: 0.1rem solid #d4d9d4;
  flex-wrap: wrap;
  display: flex;
}

.result-content-section .result-section__content {
  margin-top: var(--in-page-s);
}

.result-content-section .result-section-item {
  padding-block: var(--in-block-2xs);
  border-bottom: 0.1rem solid #d4d9d4;
  flex-direction: column;
  display: flex;
}

.result-content-section .page-name {
  color: #6e786e;
  font-size: 1.4rem;
  line-height: 1.7;
}

.result-content-section .page-title {
  color: #003b1c;
  margin-block: var(--component-spacing-s);
  will-change: color;
  width: fit-content;
  font-size: clamp(2.7rem, 2.4596rem + 0.4vw, 3.1rem);
  line-height: 1.4;
  transition: color 0.125s cubic-bezier(0.33, 1, 0.68, 1);
}

.result-content-section .page-title:hover,
.result-content-section .page-title:focus-visible {
  color: #00793a;
}

.result-content-section .page-title:focus-visible {
  outline-offset: 0.3rem;
  border-radius: 0.4rem;
  outline: 0.1rem solid #003b1c;
}

.result-content-section .site-description {
  color: #505950;
  font-size: 1.6rem;
  line-height: 1.7;
}

.result-content-section .result-section-item-desktop {
  padding-block: var(--in-block-2xs);
  gap: var(--in-block-xs);
  border-bottom: 0.1rem solid #d4d9d4;
  flex-direction: row;
  display: none;
}

.result-content-section .result-icon-holder {
  color: #003b1c;
  background-color: #cce4d8;
  justify-content: center;
  align-items: center;
  width: 15rem;
  min-width: 15rem;
  height: 15rem;
  display: flex;
}

.result-content-section .result-text-content {
  flex-direction: column;
  display: flex;
}

.result-content-section .show-more-holder {
  margin-top: var(--in-block-2xs);
  justify-content: center;
  display: flex;
}

.filter-overlay-background {
  z-index: 2;
  opacity: 0.6;
  background-color: #003b1c;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0;
}

.filter-overlay {
  z-index: 3;
  padding-top: var(--component-spacing-l);
  padding-inline: 2.4rem;
  padding-bottom: var(--in-page-s);
  background-color: #fff;
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.filter-overlay .filter-overlay-close-button {
  margin-left: auto;
}

.filter-overlay .filter-overlay-headline {
  margin-bottom: var(--in-block-s);
  font-size: clamp(2.2rem, 2.0197rem + 0.3vw, 2.5rem);
  line-height: 1.5;
}

.filter-overlay .filter-section {
  gap: var(--component-spacing-s);
  padding-bottom: var(--in-block-2xs);
  border-bottom: 0.1rem solid #d4d9d4;
  flex-wrap: wrap;
  display: flex;
}

.filter-overlay .apply-filters-button {
  width: 100%;
  margin-top: var(--in-block-s);
  margin-bottom: var(--in-block-2xs);
}

.filter-overlay .remove-all-filters {
  width: 100%;
}

@media screen and (width >= 961px) {
  .result-content-section .result-section__header-desktop {
    display: block;
  }

  .result-content-section .result-section__header,
  .result-content-section .result-section-item {
    display: none;
  }

  .result-content-section .result-section-item-desktop {
    display: flex;
  }

  .filter-overlay-background,
  .filter-overlay {
    display: none;
  }

  .search-result .search-bar-wrapper,
  .result-content-section .result-section__holder {
    grid-column: 5 / span 16;
  }
}