/** Shopify CDN: Minification failed

Line 19:35 Unexpected "/"
Line 77:0 Expected "}" to go with "{"

**/


/* mod ff */
.product-variants{width:100% !important}
.product-variants .product-form-input-values-equal-width{grid-template-columns: repeat(9,1fr) !important;}
.product-variants .product-form-input [type=radio]+label{padding:.2rem !important;display:inline-block !important}

.price-ff{position:relative;/*min-height:36px*/;font-size:10px; flex-basis: 100%; margin-top:.1rem;display:block;/*padding-bottom:25px;*/}
.price-ff.in-stock:not(:empty):after{content:""; display:block;height:24px;width:100%;position:absolute;
  /*background:url(https://heatof.com/cdn/shop/t/30/assets/versand2.png);*/
 background-position:bottom center;background-size:35px;background-repeat:no-repeat;}
 .product-variants .product-form-input [type=radio]:not(:checked)+label .price-ff:after{filter: invert(100%);
    -webkit-filter: invert(100%);}*/
.product-variants .product-form-input [type=radio].disabled+label{display:none !important}
*[data-swatch-option]:not(.swatch--active) .price-ff{-webkit-filter: invert(100%); filter: invert(100%);color:#fff}
.section__page{margin-top:3rem;}
.product__share {justify-content: space-between;margin:2rem 0}

.grid-item.in-stock .price{margin-left:-22px;position:relative}
.grid-item.in-stock .price:after{content:""; display:block;height:24px;width:45px;position:absolute;right:-50px;bottom:0;
    /*background:url(https://heatof.com/cdn/shop/t/30/assets/versand2.png);*/
 background-size:contain;background-repeat:no-repeat;-webkit-filter: invert(100%); filter: invert(100%)}

 :root {
  --color-backorder:rgb(0, 121, 42);  
  --color-success:rgb(0, 121, 42); 

/* Collapsible Rich Text nur auf Collection Pages */
.template-collection [id*="rich_text"] .rich-text-text.rte {
  max-height: 150px;
  overflow: hidden;
  position: relative;
  transition: max-height 0.4s ease;
}

.template-collection [id*="rich_text"] .rich-text-text.rte.is-expanded {
  max-height: none;
}

.template-collection [id*="rich_text"] .rich-text-text.rte::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
  pointer-events: none;
}

.template-collection [id*="rich_text"] .rich-text-text.rte.is-expanded::after {
  display: none;
}

.template-collection .collection-text-toggle {
  background: none;
  border: none;
  color: currentColor;
  text-decoration: underline;
  cursor: pointer;
  padding: 15px 0;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
}

.template-collection .collection-text-toggle:hover {
  opacity: 0.7;
}