/** Shopify CDN: Minification failed

Line 23:32 Expected ":"

**/


/* CSS from section stylesheet tags */
.custom-ingredients .section-header h2{margin-bottom:10px;font-size:32px;}
  .custom-ingredients .section-header{padding-bottom:30px;}
  .custom-ingredients .section-header p{margin:0 auto;max-width:531px;}
  .relative-ingredient{position:relative;height:100%;display:flex;justify-content:space-between;flex-direction:column;}
  .upper-ingredient{}
  .custom-ingredients {
    
    background: linear-gradient(0deg, #FFF 0%, #F5F7FD 100%);
  }
  .ingredients-blocks{display:flex;justify-content:space-between;}
  .ingredient-block{border-radius: 12px;
                    min-height:290px;
                    padding:30px 35px;
                  width:32%;
background: #FFF;overflow-hidden;position:relative;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05), 0px 3px 12px 0px rgba(2, 33, 78, 0.09);}
  .ingredient-block h2{
font-size: 20px;
font-weight: 700;
  }
  .ingredient-benefit{
        align-self: baseline;
    border-radius: 10px;
    font-weight:500;
background: #E8ECF8;
    display: inline-flex;
padding: 3px 12px;
align-items: center;
gap: 7px;
    color: #0546A5;
    font-size:14px;
  }
    .ingredient-block p{
      max-width:257px;
font-size: 16px;
line-height: 150%; 
  }
  @media only screen and (max-width: 1250px) {
  .ingredient-image img{    width: 120px;           
    height: auto;}
      .ingredient-block{padding:20px 25px;}
}
  @media only screen and (max-width: 1050px) {
    .ingredient-block p{font-size:15px;
                       max-width: 227px;}
    .ingredient-block h2{font-size:18px;}
  }
   @media only screen and (max-width: 950px) {
     .relative-ingredient{min-height:186px;}
     .ingredients-blocks{flex-direction:column;gap:15px;}
     .ingredient-block{width:100%;min-height:227px;} 
     .custom-ingredients .section-header h2{font-size:24px;}
     .ingredient-block p{width:70%;max-width:100%;margin-bottom:20px;}
   }
  @media only screen and (max-width: 450px) {
  .ingredient-block p{max-width:245px;font-size:14px;width:100%;}
    .ingredient-image img{width:110px;}
  }
  .ingredient-image{position:absolute;right:0;bottom:0;}
#vivolan-vorteile{color: #003D73;}
.section-blocks{display:flex;justify-content:space-between;gap:30px;margin-top:28px;padding-bottom:7px;}
.section-blocks .block{
  border-radius: 10px;
background: #FFF;
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.06), 0px 2px 2px 0px rgba(0, 0, 0, 0.06);
  padding:40px;
}
  #vivolan-vorteile .section{padding-block-end:0;}
  .section-blocks .block h3{margin:18px 0 14px 0;}
  .trademark{display:flex;align-items:center;color: #E37E16;font-weight: 500;letter-spacing: 1.12px;font-size:14px;}
  .trademark img{margin-right:16px;}
#vivolan-vorteile .subheading{letter-spacing:0.4px;font-weight:500;}
  @media only screen and (max-width: 900px) {
  .section-blocks{flex-direction:column;}
    .section-blocks .block{padding:26px;}
}
.sticky-button {
  position: fixed;
  left: 50%;
  bottom: 20px;
  z-index: 20;
  transform: translate(-50%, 150%);
  transition: transform 300ms ease;
}

.visible {
  transform: translate(-50% , 0);
}
  .sticky-button svg{margin-right:6px;}