/** Shopify CDN: Minification failed

Line 51:0 Unexpected "{"
Line 57:0 Unexpected "{"

**/
.navmenu-meganav.navmenu-meganav--desktop .navmenu-item-text {
  color: #2D3E4F
}

.rte .tabs li,
.rte .tabs li > a, .site-navigation .navmenu-meganav-standard__image-link,
.site-navigation .navmenu-depth-2 .navmenu-link, .productgrid--sidebar-menu .navmenu-link,
.filter-item, .productitem--title a, .cart-item--remove-link, .tweet--footer,
.tweet--header-screenname, .hotspot__tooltip, .menulist-menu__link,
.productitem--event {
  color: #2D3E4F
}
h2.article--excerpt-title {
  font-weight: 600;
}
.testimonials .flickity-page-dots .dot, .featured-collection__wrapper .flickity-page-dots .dot {
  background-color: #2d3e4f;
}

.border-container {
  border-top: 1px solid #dddddd;
  margin-top: 2.5rem;
  padding-top: 2.5rem;
}

.spr-content .spr-pagination a, .spr-content .spr-review .spr-review-footer a, .spr-summary-caption a.spr-summary-actions-togglereviews .shopify-payment-button .shopify-payment-button__more-options, .product-vendor a, .utils-sortby-button,
.utils-filter-button, .productgrid--sidebar-menu .navmenu-link--active, .productgrid-listview .productitem--link, .productgrid--footer-results-list a, .filter-item-clear-all, .active-filters__clear-link, .collection-filters__filter-link[data-filter-active], .filter-item--grid-simple .filter-item-clear-all, [data-filter-active=true], .filter-item a.filter-text--link, .pagination--inner a, .search-flydown--content-item a, .search-flydown--continue, .live-search-takeover-cancel, .collection__item-title, .breadcrumbs-container a, .article--excerpt-readmore, .account-page-content a, .tweet--content a, .menulist-menu__show-more-trigger, .blogposts--footer-link, .subcollections__container a, .subcollections-featured-collection__subcollection-cta, .subcollections-featured-collection__subcollection-menu-link, .product-compare__placeholder-link, .product-compare__clear-all, .product-link, .passwordentry-contents a, .password-page-footer--item a, .cart-continue, .cart-shipping .cart-shipping-toggle, .cart-update, .article--pagination .article--pagination-item-left > a,
.article--pagination .article--pagination-item-right > a, .article--tags a, .rte a,
.pxs-newsletter-text a,
.shoppable-image__text-box-subheading a,
.image-with-text__text a {
  color: #2d3e4f;
}

.product-recently-viewed__clear {
  color: #7F8C8D;
}







{
  color: #ffffff;
  background-color: #fd852e;
  border: 1px solid #ffffff;
}

{
  background: #fd852e;
  color: #ffffff;
  border: 1px solid #ffffff;
  box-shadow: 0 3px 8px #0000001a;
}



.image-with-text__button {
  color: #ffffff;
  background-color: #084f85;
  border: 1px solid #ffffff;
}
.image-with-text__button:not(.disabled):hover {
  background: #084f85;
  color: #ffffff;
  border: 1px solid #ffffff;
  box-shadow: 0 3px 8px #0000001a;
}



.product-form--atc-button,
.form-field.newsletter-submit button,
.spr-summary-actions-newreview,
.productitem--action-atc {
  color: #084f85;
  background-color: #ffffff;
  border: 1px solid #084f85;
}

.product-form--atc-button:not(.disabled):hover,
.form-field.newsletter-submit button:not(.disabled):hover,
.spr-summary-actions-newreview:not(.disabled):hover,
.productitem--action-atc[data-quick-buy]:not(.disabled):hover {
  background: #ffffff;
  color: #084f85;
  border: 1px solid #084f85;
  box-shadow: 0 3px 8px #0000001a;
}


@media screen and (min-width: 720px) {
.scroll-top-button {
    bottom: 75px!important;
    border: solid 1px #ffffff70!important;
}

.button-neutral.promo-block--button.pxu-lia-element{
    border-radius: 3px;
}
}
@media screen and (max-width: 719px) {
.scroll-top-button {
    bottom: 10px!important;
    border: solid 1px #ffffff70!important;
}

.button-neutral.promo-block--button.pxu-lia-element{
    background-color: #ffffff;
    color: #2d3e4f;
    border-color: #2d3e4f;
    padding: 0.75rem 1.125rem;
    font-size: var(--font-size-button-medium);
    border-radius: 3px;
}
}

/* Start: Custom CSS for Product Description Contact Banner */
.box {
  border: 1px solid rgba(128, 128, 128, 0.16);
  box-shadow: 0 1px 4px #8080801c;
  padding: 0.5em 2em;
}

.contact-container {
  display: flex;
  align-items : center;
}

.contact-container p {
  margin: 5px auto;
}

.contact-hl {
  font-size : 22px !important;
  color: #085085;
  font-family: Roboto-Condensed !important;
  font-weight: 500 !important;
}

.contact-img {
  border-radius: 50%;
  background-color: #E6F1FA;
  width: 90px !important;
  height: 90px;
  margin-right: 30px;
  @media screen and (max-width: 430px) {display: none;}
  }
/* End: Custom CSS for Product Description Contact Banner */

.atc-banner--product-title {
  font-family: "Roboto-BoldCondensed" !important;
}

.product-compare-drawer__title {
  font-family: "Roboto-BoldCondensed" !important;
}

.radio-class.options-selection__option-price {
  font-size: 1rem;
  color: #0F1111;
}

.product__price .price__current {
  color: #0F1111;
}

.one-time-setup-fee {
  margin: -16px 0 32px 0;
}

.atc-fly-one-time-setup-fee {
  color: #757575;
  font-size: 0.9rem;
}

.jdgm-preview-badge .jdgm-star.jdgm-star {
  color: #085085 !important;
 }

.jdgm-rev-widg__title {
  color: #085085 !important;
}

.navmenu-submenu .navmenu-link:hover {
  background-color: #085085;
  color: white !important;
}
.site-header_account-link-anchor:hover {
  text-decoration: underline;
}
.site-header_account-link-anchor span {
  font-size: 14px;
}
.navmenu-link.navmenu-link-depth-1:hover {
  text-decoration: underline;
}

:target::before {
  content: "";
  display: block;
  height: 64px;
  margin-top: -64px;
}

.product-text-3 {
  margin-bottom: 2rem;
}

.shopauskunft-widget {
  position: relative;
  padding: 20px 0;
}

.product-form--atc-qty.form-fields--qty.form-fields--qty-hidden {
  height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.product-block--price {
  display: none;
}

/* Lieferanten Versandkosten Tabelle */
#vendorshipping .details-row {
  align-items: start;
}
#vendorshipping ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
#vendorshipping ul li {
  display: flex;
  flex-direction:row;
  justify-content: start;
}
#vendorshipping ul li span {
  width: 30%;
}
@media screen and (max-width: 1024px) {
  #vendorshipping ul li span {
  width: 50%;
  }
}
@media screen and (max-width: 521px) {
  #vendorshipping ul li span {
  width: 70%;
  }
}
@media screen and (max-width: 384px) {
  #vendorshipping ul li {
    font-size: 12px;
  }
  #vendorshipping ul li span {
    width: auto;
    margin-right: 3px;
  }
}

/* Kartonfinder */
.kartonfinder-wrapper {
  background: #08518515;
  padding: 20px;
  margin: 20px 0;
  border-radius: 0px;
}
.kartonfinder-inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.kartonfinder-icon img {
  display: block;
}
.kartonfinder-info {
  flex: 1 1 auto;
  min-width: 220px;
}
.kartonfinder-title {
  font-size: 18px;
  margin-bottom: 2px;
}
.kartonfinder-sub a.bestand-link {
  color: #085085;
  font-weight: 600;
  text-decoration: none;
}
.kartonfinder-hint {
  font-size: 13px;
  color: #666;
  margin-top: 4px;
}
.kartonfinder-form {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
.kartonfinder-form:has(.number-inputs) {
  flex-direction: column;
}
.number-inputs {
  display: flex;
  flex-direction: row;
  gap: 1em;
}
.kf-input {
  padding: 10px;
  width: 125px;
  border: none;
  background: white;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .kf-input {
    width: 100%;
  }
}
.kf-input:focus {
  outline: none;
  border-color: #085085;
}
#erweitert {
  display: none;
  width: 100%;
  transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
  overflow: hidden;
  opacity: 0;
  max-height: 0;
}

#erweitert.open {
  display: block;
  opacity: 1;
  max-height: 1000px;
}

.erw-arrow {
  transform: rotate(-90deg)
  transition: transform 0.3s ease;
  width: 12px;
  height: 10px;
  margin-left: 5px;
}

.erw-arrow.rotated {
  transform: rotate(-180deg);
}
/* Container auf 80% zentriert */
.extra-inputs {
  width: 80%;
  max-width: 800px;      /* optional: Maximalbreite */
  padding: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;             /* Abstand zwischen Feldern */
}

/* Gemeinsame Basis für Label+Input/Select */
.kf-input,
.kf-select {
  flex: 1 1 calc(50% - 1rem);  /* zwei Spalten, mit Lücken */
  padding: 0.5rem;
  border: 1px solid #084f8555;
  border-radius: 4px;
  font-size: 1rem;
}

/* Label oberhalb des Feldes */
.extra-inputs label[for] {
  flex: 1 1 calc(50% - 1rem);
  font-weight: 600;
  margin-bottom: 0.25rem;
  display: block;
}

/* Wellentyp-Feldset */
.extra-inputs fieldset {
  flex: 1 1 calc(100% - 1rem);
  border: 1px solid #084f8555;
  border-radius: 4px;
  padding: 0.5rem;
  margin: 0;
  margin-bottom: 10px;
}
.extra-inputs legend {
  font-weight: 600;
  padding: 0 0.5rem;
}
.extra-inputs fieldset label {
  margin-right: 1rem;
  font-weight: normal;
}
.form-error {
  color: #b00020;
  font-size: 0.75em;
}

.kf-input.error {
  border-color: #b00020;
  box-shadow: 0 0 0 2px rgba(176,0,32,0.2);
}
/* Fokus-Styles für Inputs */
.kf-input:focus,
.kf-select:focus {
  outline: none;
  border-color: #007acc;
  box-shadow: 0 0 0 2px rgba(0,122,204,0.2);
}

/* Mobile Anpassung */
@media (max-width: 600px) {
  .kf-input,
  .kf-select,
  .extra-inputs label[for] {
    flex: 1 1 100%;  /* einspaltig */
  }
}

/* Kartonfinder */
.kartonfinder-wrapper .number-inputs {
  display: flex;
  gap: 20px;
}

.kartonfinder-wrapper .input-group {
  display: flex;
  flex-direction: column;
}

.kartonfinder-wrapper label {
  font-size: 0.9em;
  margin-bottom: 4px;
}

div:has(div.load-more) {
  width: 100%;
}
.loading {
  font-family: "Roboto-BoldCondensed" !important;
  font-size: var(--font-size-heading-2);
  text-align: center;
  color: #084f85;
}
.loading {
  animation: blink 1.2s infinite;
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

.dots::after {
  content: "";
  animation: dots 1.5s steps(3, end) infinite;
}
@keyframes dots {
  0% { content: ""; }
  33% { content: "."; }
  66% { content: ".."; }
  100% { content: "..."; }
}

/* Kartonfinder Buttons */
.buttons {
  display: flex;
  font-size: 0.8em;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}
.kf-button {
  color: #085085;
  background-color: white;
  border: 1px solid #085085;
  border-radius: 2px;
  padding: 7px 12px;
}
.kf-button:not(.disabled):hover {
  background: #085085;
  color: white;
  box-shadow: 0 3px 8px #0000001a;
}
.kf-button:hover svg {
  fill: white !important;
}
/* Toggle-Button: inaktiv (Liste verborgen) */
#toggle-saved-searches {
  min-width: 120px;
}
#saved-search-container {
  display: none;
}
#toggle-saved-searches.inactive {
  background: white;
  color: #085085;
}
#toggle-saved-searches.inactive:hover {
  background: #085085;
  color: white;
}
/* Toggle-Button: aktiv (Liste sichtbar) */
#toggle-saved-searches.active {
  background: #085085;
  color: #fff;
}
/* Container der Liste */
#saved-searches {
  padding: 0;
  margin: 0.5em 0;
  list-style: none;
}

/* Jede Suche als Pill */
#saved-searches li {
  display: inline-flex;
  align-items: center;
  background: #08518515;
  color: #1a202c;
  border-radius: 999px;
  padding: 0.3em 0.8em;
  margin: 0.25em;
  font-size: 0.9rem;
  font-weight: 500;
}

/* Link innerhalb der Pill */
#saved-searches li a {
  text-decoration: none;
  color: inherit;
  margin-right: 0.5em;
}

/* Delete-Button (Kreuz) */
#saved-searches li button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  font-size: 1rem;
  line-height: 1;
  padding: 0;
  cursor: pointer;
  color: #a0aec0;
  border-radius: 50%;
  transition: background 0.2s ease, color 0.2s ease;
}

/* Hover-/Focus-Effekt für das Kreuz */
#saved-searches li button:hover,
#saved-searches li button:focus {
  background: #08518515;
  color: #718096;
  outline: none;
}

/* Leere-State */
#saved-searches li.empty {
  display: block;
  font-style: italic;
  color: #718096;
  background: none;
  padding: 0.3em 0;
  margin: 0.25em 0;
}

/* Kartonfinder Ergebnisse */
.kf-results-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.kartonfinder .productgrid--items {
  margin-top: 0rem;
}
.kartonfinder .productgrid--items.products-per-row-4 .productgrid--item {
  width: calc(25% - 10px);
  margin-top: 20px;
  margin-left: 10px;
}
.kartonfinder .productgrid--items.products-per-row-4 .productgrid--item:nth-child(2n+1) {
  margin-left: 0 !important;
}
@media screen and (min-width: 1024px) {
  .kartonfinder .productgrid--items.products-per-row-4 .productgrid--item:nth-child(2n+1) {
    margin-left: 10px !important;
}
}
@media screen and (max-width: 1023px) and (min-width: 767px) {
  .kartonfinder .productgrid--items.products-per-row-4 .productgrid--item {
      width: calc(33.3333333333% - 10px);
      margin-left: 10px;
  }
  .kartonfinder .productgrid--items.products-per-row-4 .productgrid--item:nth-child(2n+1) {
    margin-left: 10px !important;
}
}
@media screen and (max-width: 767px) {
  .kartonfinder .productgrid--items.products-per-row-4 .productgrid--item {
      width: calc(50% - 10px);
      margin-left: 10px;
  }
  .number-inputs {
    margin-bottom: 0.75em;
  }

}
.kartonfinder .productgrid--outer {
  padding: 0;
  margin-bottom: 3em;
}
@media screen and (max-width: 1024px) {
  .kf-results-header {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .extra-inputs {
    width: 100%;
    padding: 0;
}
.buttons {
    flex-direction: column;
    align-items: self-start;
}
.share-buttons {
  margin-bottom: 0.5em;
}
}
@media screen and (max-width: 360px) {
  #toggle-erweitert {
    margin-top: 1em;
}
.kartonfinder-wrapper label {
    font-size: 0.8em;
}
}
/* Toleranz Info Panel */
.info-tooltip {
  position: relative;
  display: inline-block;
  margin-left: .1rem;
}
.tooltip-bubble p {
  font-weight: 400;
}
.info-trigger {
  all: unset;
  cursor: help;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #4b5563;
  position: absolute;
  top: -12px;
}

.info-trigger:hover,
.info-tooltip:focus-within .info-trigger {
  color: #111827;
}

.tooltip-bubble {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: .5rem;
  width: 280px;
  max-width: min(70vw, 320px);
  background: #111827;
  color: #fff;
  padding: .75rem .875rem;
  border-radius: .5rem;
  box-shadow: 0 6px 28px rgba(0,0,0,.25);
  font-size: .875rem;
  line-height: 1.35;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-4px);
  transition: opacity .15s ease, transform .15s ease;
  z-index: 20;
}

.info-tooltip:hover .tooltip-bubble,
.info-tooltip:focus-within .tooltip-bubble {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.tooltip-bubble::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 10px;
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent #111827 transparent;
}
@media screen and (max-width: 520px) {
.tooltip-bubble {
  left: -100px;
}
}
@media screen and (max-width: 360px) {
.tooltip-bubble {
  width: 200px;
}
.tooltip-bubble {
  left: -50px;
}
}
/* Filter‑Tabs / Pills */
.filter-tabs {
  margin: 1em 0;
}
#active-filters {
  padding: 0;
  margin: 0;
  list-style: none;
}
#active-filters li {
  display: inline-flex;
  align-items: center;
  background: #08518515;
  color: #2d3748;
  border-radius: 999px;
  padding: 0.3em 0.8em;
  margin: 0.2em;
  font-size: 0.9rem;
  font-weight: 500;
}
#active-filters li span {
  margin-right: 0.5em;
}
#active-filters li button {
  background: transparent;
  border: none;
  font-size: 1rem;
  line-height: 1;
  padding: 0;
  cursor: pointer;
  color: #a0aec0;
  border-radius: 50%;
  transition: color 0.2s ease;
}
#active-filters li button:hover {
  color: #4a5568;
}

/* Preise aus Suche entfernen */
.search-flydown--product-price {
  display: none !Important;
}
/* Barrierefreiheit Button */
.scroll-top-button {
    z-index: 9998!Important;
}
.mdp-readabler-trigger-button-box.bottom-right {
    left: 0 !Important;
    bottom: 65px !Important;
}
#cx-aw-launcher {
  bottom: 75px!Important;
  left: 20px!Important;
}
@media screen and (max-width: 767px) {
  .mdp-readabler-trigger-button-box.bottom-right {
    left: 0 !Important;
    bottom: 200px !Important;
}
}
/* Quickshop Modal */
.modal--quickshop-full .product-gallery {
    width: 59%;
}
/* Förderung Footer */
.site-footer-foerderung {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
}
.site-footer-foerderung p {
  max-width: 75%;
  font-size: 12px;
  color: white;
  line-height: 1.5em;
}
/* Blog Shortcodes */
.sc_product_slider__nav_btn {
  display: none !important;
}
.sc_main .short-code-blocks ol, .sc_main ul {
    list-style: circle !important;
}
.sc_accordion .sc_accordion__wrapper .sc_accordion__contaier .sc_accordion__item_wrraper .sc_accordion__item .sc_accordion__item__head .sc_accordion__item__head__title {
      text-transform: none !important;
}
.sc-floating-btn.bottom {
    z-index: 1000 !important;
}
.sc_accordion .sc_accordion__wrapper .sc_accordion__title {
    font-weight: 400 !important;
}
/* Blog Hero Images */
.article-image img {
  opacity: 1 !important;
}
/* Auth Bar Merkliste */
#auth-bar {
  display: none !important;
  background: #085085 !important;
  border-bottom: 1px solid white;
}
/* Header verschoben */
#index-body header.site-header {
    top: 0px !important;
}
#index-body #site-main {
    margin-top: 0px !important;
}
/* Free Shipping Info */
.cart-free-shipping-active {
 background: #08518515;
 padding: 1em;
 display: inline-flex;
 width: fit-content;
}
#cart-free-shipping-active {
  margin: 0;
  margin-left: 7px;
}

/* Gallery Swiper PDP */
.slideshow-slide__image--mobile {
  display: none;
}
.pdp-gallery.slideshow {
  overflow: visible !important;
}
.pdp-gallery {
  margin-bottom: 6em;
}
.pdp-gallery .slideshow-pagination {
  bottom: -50px !important;
}
.pdp-gallery .slideshow-slide__image-wrapper {
  padding: 6em;
}
.pdp-gallery .flickity-button-icon {
  fill: #2d3e4f;
}
.pdp-gallery .slideshow-slide__image {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
}
.pdp-gallery .flickity-prev-next-button.previous {
    left: 0.1875rem;
}
.pdp-gallery .flickity-prev-next-button.next {
    right: 0.1875rem;
}
@media screen and (min-width: 720px) {
    .pdp-gallery .slideshow-pagination__button {
        background-color: #2d3e4f !important;
    }
}
@media screen and (max-width: 767px) {
  .slideshow-slide__image--mobile {
    display: flex;
  }
  .slideshow-slide__image--desktop {
    display: none;
  }
  .pdp-gallery .slideshow-slide__image-wrapper {
  padding: 0em;
}
}
/* Tooltip Vendor */
.product-vendor .info-icon {
  display: inline-block;
  margin-left: 2px;
  color: #888;
  cursor: pointer;
  position: relative;
  font-size: 14px;
}

.product-vendor .info-icon svg {
  margin-bottom: -2px;
}

.product-vendor .info-icon::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 125%; /* oberhalb des Icons */
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  color: #333;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  font-size: 12px;
  line-height: 1.4;
  padding: 6px 8px;
  border-radius: 4px;
  white-space: normal;
  width: 220px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
  z-index: 10;
}
.product-vendor .info-icon:hover::after {
  opacity: 1;
}
/* Header verschoben */
#index-body header.site-header {
    top: 0px !important;
}
#index-body #site-main {
    margin-top: 0px !important;
}
/* Free Shipping Info */
.cart-free-shipping-active {
 background: #08518515;
 padding: 1em;
 display: inline-flex;
 width: fit-content;
}
#cart-free-shipping-active {
  margin: 0;
  margin-left: 7px;
}

/* Gallery Swiper PDP */
.slideshow-slide__image--mobile {
  display: none;
}
.pdp-gallery.slideshow {
  overflow: visible !important;
}
.pdp-gallery {
  margin-bottom: 6em;
}
.pdp-gallery .slideshow-pagination {
  bottom: -50px !important;
}
.pdp-gallery .slideshow-slide__image-wrapper {
  padding: 6em;
}
.pdp-gallery .flickity-button-icon {
  fill: #2d3e4f;
}
.pdp-gallery .slideshow-slide__image {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
}
.pdp-gallery .flickity-prev-next-button.previous {
    left: 0.1875rem;
}
.pdp-gallery .flickity-prev-next-button.next {
    right: 0.1875rem;
}
@media screen and (min-width: 720px) {
    .pdp-gallery .slideshow-pagination__button {
        background-color: #2d3e4f !important;
    }
}
@media screen and (max-width: 767px) {
  .slideshow-slide__image--mobile {
    display: flex;
  }
  .slideshow-slide__image--desktop {
    display: none;
  }
  .pdp-gallery .slideshow-slide__image-wrapper {
  padding: 0em;
}
}
/* Tooltip Vendor */
.product-vendor .info-icon {
  display: inline-block;
  margin-left: 2px;
  color: #888;
  cursor: pointer;
  position: relative;
  font-size: 14px;
}

.product-vendor .info-icon svg {
  margin-bottom: -2px;
}

.product-vendor .info-icon::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 125%; /* oberhalb des Icons */
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  color: #333;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  font-size: 12px;
  line-height: 1.4;
  padding: 6px 8px;
  border-radius: 4px;
  white-space: normal;
  width: 220px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
  z-index: 10;
}

.product-vendor .info-icon:hover::after {
  opacity: 1;
}

#hs-web-interactives-bottom-anchor {
    margin-bottom: 65px ! Important;
}
@media screen and (max-width: 767px) {
#hs-web-interactives-bottom-anchor {
    margin-bottom: 200px ! Important;
}
}

/* Fix: Consistent banner heights in promo-mosaic layout-5 */
/* Ensures all banners maintain consistent aspect ratios and equal heights */
@media screen and (min-width: 720px) {
  /* Set explicit grid row heights for equal-sized rows */
  .promo-mosaic--inner.promo-mosaic--layout-5 {
    grid-auto-rows: 1fr;
  }

  /* Force all promo blocks in layout-5 to maintain consistent heights */
  .promo-mosaic--inner.promo-mosaic--layout-5 .promo-block,
  .promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--content {
    height: 100%;
  }

  /* Ensure images cover the full block area without distortion */
  .promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--background,
  .promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--bg {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  /* Override min-height with fixed height for consistent sizing */
  .promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-5 .promo-block,
  .promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--content {
    height: 100%;
  }

  /* Ensure background images maintain aspect ratio */
  .promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--bg {
    background-size: cover !important;
  }
}