/* breakpoints */
/*
  Responsive variables
  ____________________


  Sets the variables responsible vor responsiveness to the magento2 defaults
*/
/* colors */
/*
  Theming variables
  _________________
*/
/* happy-liquid color palette */
/* colors for use in design elements */
/* colors for use in typography */
/* colors for homepage favourites */
/**
  Legacy-Code

  Dont cross this line!
  ---------------------
*/
/**
  Select Box
*/
/**
  Global Button Styling
*/
/**
  Button Size
*/
/**
  Sidebar
*/
/* fonts */
/*
  Typography styles
  _________________
*/
@font-face {
  font-family: 'Pacific Again';
  src: url('source/webfonts/PacificAgain.eot');
  src: url('source/webfonts/PacificAgain.eot?#iefix') format('embedded-opentype'), url('source/webfonts/PacificAgain.woff2') format('woff2'), url('source/webfonts/PacificAgain.woff') format('woff'), url('source/webfonts/PacificAgain.ttf') format('truetype'), url('source/webfonts/PacificAgain.svg#PacificAgain') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  /* src: local('Rubik'), local('Rubik-Regular'), url("webfonts/Rubik-Regular.ttf") format('truetype'); */
  src: url('../webfonts/Rubik-Regular.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  src: local('Rubik Medium'), local('Rubik-Medium'), url('../webfonts/Rubik-Medium.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  src: local('Rubik Light'), local('Rubik-Light'), url('../webfonts/Rubik-Light.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  src: url('../webfonts/fa-solid-900.eot');
  src: url('../webfonts/fa-solid-900.eot?#iefix') format('embedded-opentype'), url('../webfonts/fa-solid-900.woff2') format('woff2'), url('../webfonts/fa-solid-900.woff') format('woff'), url('../webfonts/fa-solid-900.ttf') format('truetype'), url('../webfonts/fa-solid-900.svg#fontawesome') format('svg');
}
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  src: url('../webfonts/fa-regular-400.eot');
  src: url('../webfonts/fa-regular-400.eot?#iefix') format('embedded-opentype'), url('../webfonts/fa-regular-400.woff2') format('woff2'), url('../webfonts/fa-regular-400.woff') format('woff'), url('../webfonts/fa-regular-400.ttf') format('truetype'), url('../webfonts/fa-regular-400.svg#fontawesome') format('svg');
}
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  src: url('../webfonts/fa-brands-400.eot');
  src: url('../webfonts/fa-brands-400.eot?#iefix') format('embedded-opentype'), url('../webfonts/fa-brands-400.woff2') format('woff2'), url('../webfonts/fa-brands-400.woff') format('woff'), url('../webfonts/fa-brands-400.ttf') format('truetype'), url('../webfonts/fa-brands-400.svg#fontawesome') format('svg');
}
.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}
.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
}
.fab {
  font-family: 'Font Awesome 5 Brands';
}
/* legacy styles */
/*
  Legacy Styles
  _____________
*/
.block-new-products .block-title {
  position: relative;
}
.block-new-products .block-title:before {
  position: absolute;
  content: url('image/happy_geld.svg');
  left: 0rem;
}
/*!
 * Font Awesome Free 5.0.13 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  src: url('../webfonts/fa-solid-900.eot');
  src: url('../webfonts/fa-solid-900.eot?#iefix') format('embedded-opentype'), url('../webfonts/fa-solid-900.woff2') format('woff2'), url('../webfonts/fa-solid-900.woff') format('woff'), url('../webfonts/fa-solid-900.ttf') format('truetype'), url('../webfonts/fa-solid-900.svg#fontawesome') format('svg');
}
.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}
.header.content.header-main {
  display: inline-grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: repeat(1, 82px);
  grid-template-areas: "menu logo minicart";
  width: 100%;
  left: 50%;
  transform: translate(-50%);
  align-items: center;
  z-index: 10;
}
@media (min-width: 767px) {
  .header.content.header-main {
    grid-template-rows: repeat(1, 120px);
    grid-template-areas: "logo search minicart";
  }
}
@media (min-width: 1023px) {
  .header.content.header-main {
    grid-template-columns: 1fr 2fr 1fr;
  }
}
.header-authorization-link {
  list-style: none;
}
.header-authorization-link__link {
  color: white;
  text-transform: uppercase;
}
.header-authorization-link__link:hover,
.header-authorization-link__link:visited {
  color: white;
}
.header-authorization-link__link:before {
  content: '';
  color: white;
  text-transform: uppercase;
}
.header-contact {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
.header-contact__item {
  float: left;
  margin: 0 12px 0 0;
  text-transform: uppercase;
  /* font-size: 15px; */
}
@media (min-width: 1200px) {
  .header-contact__item {
    margin-right: 26px;
  }
}
.header-contact__icon {
  height: 16px;
  width: 16px;
  margin-right: 0;
  vertical-align: text-top;
}
@media (min-width: 992px) {
  .header-contact__icon {
    margin-right: 1rem;
  }
}
.header-contact__text,
.header-contact__link {
  color: white;
  /* font-size: 15px; */
}
.header-contact__link:hover {
  color: white;
}
.header-links__link {
  float: left;
  list-style: none;
  padding: 0;
  margin: 0 0 0 12px;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .header-links__link {
    margin-right: 12px;
  }
}
.header-links__link:first-child {
  margin-left: 0;
}
.header-links__link:first-child:before {
  content: none;
}
.header-links__link:before {
  content: '|';
  margin-right: 12px;
  font-weight: 300;
}
@media (min-width: 992px) {
  .header-links__link:before {
    margin-right: 18px;
  }
}
.header-links__link:last-child {
  margin-right: 0;
}
.header-links__icon {
  height: 16px;
  width: 16px;
  vertical-align: text-top;
  margin-right: 1rem;
}
.header-minicart {
  display: inline-block;
}
.header-minicart__link {
  display: inline-block;
  cursor: pointer;
  position: relative;
  color: #333333;
  text-decoration: none;
  transition: transform 0.2s;
}
.header-minicart__link:hover {
  transform: scale(1.05);
}
.header-minicart__link:hover,
.header-minicart__link:visited {
  color: #333333;
  text-decoration: none;
}
.header-minicart__icon {
  display: inline-block;
  position: relative;
}
.header-minicart__icon-icon {
  height: 45px;
  width: 45px;
  max-width: 35px;
  max-height: 35px;
}
.header-minicart__icon-badge {
  display: inline-block;
  height: 32px;
  min-width: 32px;
  border-radius: 16px;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(55%, -50%);
  text-align: center;
}
.header-minicart__icon-badge--visible {
  border: 2px solid white;
  background-color: #CF3D05;
}
.header-minicart__icon-badge-count {
  color: #FFFFFF;
  position: relative;
  font-size: 1.5rem;
  line-height: 28px;
  padding: 2px 9px;
}
.header-main .header-minicart {
  grid-area: minicart;
  width: 100%;
  text-align: right;
  font-weight: 500;
}
.header-main .header-minicart__icon {
  height: 45px;
  width: 45px;
  margin-right: 20px;
  max-width: 35px;
  max-height: 35px;
}
@media (min-width: 767px) {
  .header-main .header-minicart__icon {
    max-width: 45px;
    max-height: 45px;
  }
}
@media (min-width: 767px) {
  .header-main .header-minicart__icon-icon {
    max-width: 45px;
    max-height: 45px;
  }
}
.header-main .header-minicart__subtotal {
  display: none;
  font-size: 3rem;
  vertical-align: middle;
}
@media (min-width: 1023px) {
  .header-main .header-minicart__subtotal {
    font-size: 2.6rem;
  }
}
@media (min-width: 767px) {
  .header-main .header-minicart__subtotal {
    display: inline-block;
  }
}
@media (min-width: 1110px) {
  .header-main .header-minicart__subtotal {
    font-size: 3rem;
  }
}
#store\.menu .header-minicart--fixed {
  display: none;
}
.sections.nav-sections.fixed #store\.menu .header-minicart--fixed {
  display: inline-block;
  float: right;
  max-height: 50px;
  margin-right: 10px;
}
.sections.nav-sections.fixed #store\.menu .header-minicart--fixed .header-minicart__link {
  padding: 0;
  height: 45px;
}
@media (min-width: 1023px) {
  .sections.nav-sections.fixed #store\.menu .header-minicart--fixed .header-minicart__link {
    height: 60px;
  }
}
.sections.nav-sections.fixed #store\.menu .header-minicart--fixed .header-minicart__icon {
  top: 50%;
  transform: translate(0, -60%);
  white-space: nowrap;
}
.sections.nav-sections.fixed #store\.menu .header-minicart--fixed .header-minicart__icon-icon {
  height: 28px;
  width: 28px;
  margin-right: 10px;
}
.sections.nav-sections.fixed #store\.menu .header-minicart--fixed .header-minicart__icon-badge {
  position: relative;
  transform: none;
}
.sections.nav-sections.fixed #store\.menu .header-minicart--fixed .header-minicart__subtotal {
  display: none;
}
.header-row {
  background-color: #1D92D4;
  position: relative;
  padding-left: 8px;
  padding-right: 8px;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  width: auto;
  font-size: 1.5rem;
  display: none;
}
.header-row#header-row:before {
  content: none;
}
.header-row#header-row:after {
  content: none;
}
@media (min-width: 767px) {
  .header-row {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .header-row {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.header-row__item {
  margin: 0;
  padding: 0;
  font-weight: 300;
}
.header-row__logo {
  min-width: 158px;
  min-height: 70px;
  width: 158px;
  height: 70px;
}
@media (min-width: 767px) {
  .header-row__logo {
    width: 203px;
    height: 90px;
  }
}
.header-search {
  display: none;
  grid-area: search;
  margin: 0 20px;
}
@media (min-width: 768px) {
  .header-search {
    display: inline-block;
  }
}
@media (max-width: 768px) {
  .header-search {
    display: inline-grid;
    grid-column-start: 1;
    grid-column-end: 4;
    margin-top: 10px;
  }
}
.header-search__form {
  position: relative;
}
.header-search__field {
  position: relative;
}
.header-search__field .header-search__button {
  height: 100%;
}
.header-search__label {
  position: absolute;
  top: 50%;
  left: 25px;
  transform: translateY(-50%);
  font-size: 1.6rem;
  text-transform: uppercase;
}
.header-search__field.header-search__field--no-label .header-search__label {
  display: none;
}
.header-search__input,
.header-search__control .header-search__input {
  border: none;
  background-color: #F2F2F2;
  padding: 5px 44px 5px 25px;
  border-radius: 100px;
  height: 50px;
  width: 100%;
  font-size: 1.6rem;
}
.header-search__button,
.header-search__field .header-search__button {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border: none;
  padding: 11px 16px 11px 14px;
  background-color: #F2F2F2;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  font-size: 2rem;
}
.header-search__button:hover,
.header-search__field .header-search__button:hover {
  background-color: #1D92D4;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.header-slider {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 15px;
  max-width: 1420px;
  width: 100%;
}
.header-slider > .custom-slider {
  padding-bottom: 10px;
}
.header-slider .owl-theme.owl-carousel .owl-stage-outer {
  padding: 0;
}
.header-slider .owl-theme.owl-carousel .owl-stage-outer .owl-item {
  min-height: 210px;
  border-radius: 10px;
  overflow: hidden;
  background-size: cover;
}
@media (min-width: 346px) {
  .header-slider .owl-theme.owl-carousel .owl-stage-outer .owl-item {
    min-height: 1px;
  }
}
.header-slider .owl-theme.owl-carousel .owl-stage-outer .owl-item .owl-lazy {
  visibility: hidden;
}
@media (min-width: 346px) {
  .header-slider .owl-theme.owl-carousel .owl-stage-outer .owl-item .owl-lazy {
    visibility: visible;
  }
}
body.no-webp .header-slider .owl-theme.owl-carousel .owl-stage-outer .owl-item {
  background: url('../images/Happy-Liquid-Sliderbild.png') no-repeat;
}
body.webp-supported .header-slider .owl-theme.owl-carousel .owl-stage-outer .owl-item {
  background: url('../images/Happy-Liquid-Sliderbild.webp') no-repeat;
}
@media (max-width: 480px) {
  .header-slider {
    padding: 0 15px;
  }
}
.header-slider__text {
  display: inline-block;
}
.header-slider__text .headline {
  margin-bottom: 15px;
}
.header-slider__text .headline:after {
  background-color: white;
  bottom: 0;
}
.header-slider__text .headline__text {
  font-size: 2rem;
  font-weight: 300;
}
@media (min-width: 768px) {
  .header-slider__text .headline__text {
    font-size: 2.4rem;
  }
}
.header-slider__text-big {
  text-transform: uppercase;
  font-size: 3rem;
  font-weight: 300;
  line-height: 1;
}
@media (min-width: 768px) {
  .header-slider__text-big {
    font-size: 4rem;
    line-height: 1.2;
  }
}
@media (min-width: 992px) {
  .header-slider__text-big {
    font-size: 6rem;
  }
}
.header-social__link {
  top: 0;
  height: 16px;
  width: 16px;
  display: inline-block;
  position: relative;
  margin-right: 6px;
  vertical-align: middle;
  transition: transform 500ms ease-out;
}
.header-social__link:last-child {
  margin-right: 0;
}
.header-social__link:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-family: "Font Awesome 5 Brands";
  font-size: 16px;
}
.header-social__link:hover {
  transform: scale(1.25);
}
.header-social__link--facebook:after {
  content: '\f39e';
}
.header-social__link--twitter:after {
  content: '\f099';
}
.header-social__link--instagram:after {
  content: '\f16d';
}
.header-social__link--pinterest:after {
  content: '\f231';
}
@media (min-width: 992px) {
  .header-social__link {
    margin-right: 12px;
  }
}
@media (min-width: 1200px) {
  .header-social__link {
    margin-right: 26px;
  }
}
.header-switcher__language {
  text-transform: uppercase;
  margin-right: 1rem;
  color: white;
  vertical-align: middle;
}
.header-switcher__language:last-child {
  margin-right: 0;
}
.header-switcher__language--active {
  text-decoration: underline;
}
.header-switcher__language--link {
  text-transform: uppercase;
}
.header-switcher__language--link:hover,
.header-switcher__language--link:visited {
  color: white;
}
.headline:not(div) {
  font-weight: 400;
  position: relative;
  padding: 10px 0 16px;
  margin-bottom: 25px;
  font-size: 2.4rem;
  text-transform: uppercase;
}
.headline:not(div):after {
  content: '';
  position: absolute;
  background-color: #1D92D4;
  height: 4px;
  width: 40px;
  bottom: -2px;
  left: 0;
}
.headline:not(div) a {
  color: #333;
}
.headline:not(div) > img {
  display: none;
}
h2.headline__text {
  font-weight: 400;
  position: relative;
  padding: 10px 0 16px;
  margin-bottom: 25px;
  font-size: 3.3rem;
  text-transform: uppercase;
}
h2.headline__text:after {
  content: '';
  position: absolute;
  background-color: #1D92D4;
  height: 4px;
  width: 40px;
  bottom: -2px;
  left: 0;
}
h2.headline__text a {
  color: #333;
}
h2.headline__text > img {
  display: none;
}
.page-title {
  font-weight: 400;
  position: relative;
  padding: 10px 0 16px;
  margin-bottom: 25px;
  font-size: 2.4rem;
  text-transform: uppercase;
}
.page-title:after {
  content: '';
  position: absolute;
  background-color: #1D92D4;
  height: 4px;
  width: 40px;
  bottom: -2px;
  left: 0;
}
.page-title a {
  color: #333;
}
.page-title > img {
  display: none;
}
.become-retailer {
  float: right;
  margin-top: 27px;
  display: none;
}
@media (min-width: 768px) {
  .become-retailer {
    display: block;
  }
}
.info-box-container {
  display: inline-grid;
  width: 100%;
  grid-gap: 5px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas: "product flavours" "stores retailer";
}
@media (min-width: 767px) {
  .info-box-container {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    grid-template-areas: "product flavours stores retailer";
  }
}
.info-box-container .info-box {
  position: relative;
  display: flex;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  min-height: 135px;
  height: 185px;
  max-height: 135px;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 767px) {
  .info-box-container .info-box {
    max-height: 185px;
    padding-left: 25px;
  }
}
.info-box-container .info-box__link {
  display: inline-block;
  height: 100%;
  width: 100%;
}
.info-box-container .info-box__icon {
  height: 64px;
  display: block;
  margin: 0 auto 20px auto;
}
@media (min-width: 767px) {
  .info-box-container .info-box__icon {
    margin: 0 0 20px;
  }
}
.info-box-container .info-box__content {
  position: relative;
  text-align: center;
  font-size: 1.7rem;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 22px;
  color: white;
  top: 50%;
  transform: translate(0, -50%);
}
@media (min-width: 767px) {
  .info-box-container .info-box__content {
    text-align: left;
    transform: translate(0, -40%);
  }
}
.info-box-container .info-box__content-count {
  font-size: 65px;
  line-height: 85px;
}
.info-box-container .info-box--product {
  grid-area: product;
}
.info-box-container .info-box--flavours {
  grid-area: flavours;
}
.info-box-container .info-box--stores {
  grid-area: stores;
}
.info-box-container .info-box--retailer {
  grid-area: retailer;
}
.info-box-container .info-box--retailer .info-box__content {
  text-align: center;
  font-size: 64px;
}
body.no-webp .info-box-container .info-box--product {
  background-image: url('../images/img_qualitaet.png');
}
body.no-webp .info-box-container .info-box--flavours {
  background-image: url('../images/img_geschmack.png');
}
body.no-webp .info-box-container .info-box--stores {
  background-image: url('../images/img_verkaufsstellen.png');
}
body.no-webp .info-box-container .info-box--retailer {
  background-image: url('../images/img_haendler_login.png');
}
body.webp-supported .info-box-container .info-box--product {
  background-image: url('../images/img_qualitaet.webp');
}
body.webp-supported .info-box-container .info-box--flavours {
  background-image: url('../images/img_geschmack.webp');
}
body.webp-supported .info-box-container .info-box--stores {
  background-image: url('../images/img_verkaufsstellen.webp');
}
body.webp-supported .info-box-container .info-box--retailer {
  background-image: url('../images/img_haendler_login.webp');
}
@media (max-width: 767px) {
  .sidebar {
    position: relative;
  }
  .sidebar .header-1,
  .sidebar .navbar-default {
    -webkit-transition: left 0.25s ease-out;
    -moz-transition: left 0.25s ease-out;
    -o-transition: left 0.25s ease-out;
    transition: left 0.25s ease-out;
  }
  .sidebar__overlay {
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100vh;
    z-index: 1500;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-out;
    -moz-transition: opacity 0.25s ease-out;
    -o-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
  }
  .sidebar__close {
    background: #1D92D4;
    width: 45px;
    height: 45px;
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    padding: 9px 0 11px;
    z-index: 1501;
    -webkit-transition: left 0.25s ease-out, opacity 0.25s ease-out;
    -moz-transition: left 0.25s ease-out, opacity 0.25s ease-out;
    -o-transition: left 0.25s ease-out, opacity 0.25s ease-out;
    transition: left 0.25s ease-out, opacity 0.25s ease-out;
    visibility: hidden;
    opacity: 0;
  }
  .sidebar__close .fa-times {
    color: #FFFFFF;
    font-size: 24px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.16);
  }
  .sidebar__sidebar {
    position: fixed;
    left: -300px;
    width: 300px;
    top: 0;
    bottom: 0;
    min-height: 100vh;
    -webkit-transition: left 0.25s ease-out;
    -moz-transition: left 0.25s ease-out;
    -o-transition: left 0.25s ease-out;
    transition: left 0.25s ease-out;
    background: #F2F2F2;
  }
  .sidebar__placeholder {
    width: 300px;
  }
  .sidebar__sidebar-content {
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 45px;
  }
  .sidebar--open {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
  }
  .sidebar--open .sidebar__sidebar {
    left: 0;
  }
  .sidebar--open .sidebar__overlay {
    visibility: visible;
    left: 0;
  }
  .sidebar--open .sidebar__overlay,
  .sidebar--open .sidebar__close {
    opacity: 1;
  }
  .sidebar--open .header-1.affix,
  .sidebar--open .navbar-default.affix,
  .sidebar--open .sidebar__close,
  .sidebar--open .sidebar__content,
  .sidebar--open .page-wrapper,
  .sidebar--open .page-header {
    left: 300px;
  }
  .sidebar--open .sidebar__close {
    visibility: visible;
  }
  .sidebar__content,
  .page-wrapper {
    position: relative;
    width: 100%;
    left: 0;
    -webkit-transition: left 0.25s ease-out;
    -moz-transition: left 0.25s ease-out;
    -o-transition: left 0.25s ease-out;
    transition: left 0.25s ease-out;
  }
}
@media (min-width: 768px) {
  .sidebar__sidebar,
  .sidebar__overlay,
  .sidebar__close {
    display: none;
  }
}
.sidebar-menu {
  width: 300px;
}
.sidebar-menu .sidebar-menu__list {
  margin-bottom: 15px;
  padding-left: 0;
}
.sidebar-menu__back-wrapper {
  background: #F2F2F2;
}
.sidebar-menu__back-link {
  color: #1D92D4;
  display: block;
  height: 45px;
  font-size: 16px;
  line-height: 19px;
  padding: 0 0 0 15px;
  cursor: pointer;
}
.sidebar-menu__back-link .fa-arrow-left {
  display: inline-block;
  margin-right: 7px;
  position: relative;
  top: -1px;
  font-size: 16px;
}
.sidebar-menu__back-link .sidebar-menu__back-link-text {
  display: inline-block;
  padding: 0;
  line-height: 45px;
}
.sidebar-menu__list-item {
  min-height: 45px;
  display: block;
  border-bottom: 1px solid #F2F2F2;
  background: #FFFFFF;
  -webkit-transition: height 0.25s ease-out, padding 0.25s ease-out;
  -moz-transition: height 0.25s ease-out, padding 0.25s ease-out;
  -o-transition: height 0.25s ease-out, padding 0.25s ease-out;
  transition: height 0.25s ease-out, padding 0.25s ease-out;
  margin-bottom: 0;
}
.sidebar-menu__list-item:not(.sidebar-menu__list-item--level-0):not(.sidebar-menu__list-item--headline):not(.sidebar-menu__list-item--has-children) .sidebar-menu__icon-wrapper:not(.sidebar-menu__icon-wrapper--force-display) {
  display: none;
}
.sidebar-menu__list-item:not(.sidebar-menu__list-item--level-0):not(.sidebar-menu__list-item--headline):not(.sidebar-menu__list-item--has-children) .sidebar-menu__icon-wrapper:not(.sidebar-menu__icon-wrapper--force-display) + .sidebar-menu__link-text {
  padding-left: 15px;
}
.sidebar-menu__list-item--has-children > .sidebar-menu__link > .sidebar-menu__icon-wrapper {
  padding: 0 10px 0 0;
  width: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.sidebar-menu__list-item--has-children > .sidebar-menu__link > .sidebar-menu__icon-wrapper.sidebar-menu__icon-wrapper--position-left {
  text-align: left;
  padding: 0 10px 0 0;
  position: static;
}
.sidebar-menu__list-item--has-children > .sidebar-menu__link > .sidebar-menu__icon-wrapper:not(.sidebar-menu__icon-wrapper--position-left) {
  text-align: right;
}
.sidebar-menu__list-item--headline {
  background: none;
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  background: #F2F2F2;
  padding: 0 15px;
}
.sidebar-menu__icon-wrapper {
  width: 25px;
  display: inline-block;
  text-align: center;
  margin-right: 0;
  float: left;
  padding: 0 10px 0 0;
  min-height: 45px;
  line-height: 45px;
}
.sidebar-menu__icon-wrapper .fa,
.sidebar-menu__icon-wrapper .fas,
.sidebar-menu__icon-wrapper .far,
.sidebar-menu__icon-wrapper .fab {
  color: #1D92D4;
  font-size: 16px;
  display: inline-block;
}
.sidebar-menu__link {
  position: relative;
  display: block;
  min-height: 45px;
  color: #222222;
  font-size: 18px;
  line-height: 18px;
  padding: 0 0 0 15px;
  -webkit-transition: height 0.25s ease-out, padding 0.25s ease-out;
  -moz-transition: height 0.25s ease-out, padding 0.25s ease-out;
  -o-transition: height 0.25s ease-out, padding 0.25s ease-out;
  transition: height 0.25s ease-out, padding 0.25s ease-out;
}
.sidebar-menu__link:hover,
.sidebar-menu__link:focus {
  text-decoration: none;
  outline: none;
  color: #222222;
}
.sidebar-menu__link:visited {
  color: #333;
}
.sidebar-menu__link-text {
  display: inline-block;
  padding: 14px 0 14px;
}
.sidebar-menu__list {
  display: block;
  transition: left 0.6s;
  width: 300px;
  left: 0;
  position: relative;
}
.sidebar-menu__list {
  transition: opacity 0.25s, visibility 0.25s;
}
.sidebar-menu__list > .sidebar-menu__list-item.sidebar-menu__list-item--open > .sidebar-menu__list {
  visibility: visible;
  opacity: 1;
}
.sidebar-menu__list > .sidebar-menu__list-item > .sidebar-menu__list {
  left: 300px;
  position: absolute;
  top: 0;
  visibility: hidden;
  opacity: 0;
}
.sidebar-menu__list--top-level {
  transition: transform 0.5s ease-in-out, height 0.5s ease-in-out;
  transform: translate(0, 0);
}
.button {
  padding: 11px 15px;
  display: inline-block;
  font-size: 15px;
  line-height: 18px;
}
.button:hover,
.button:hover span {
  text-decoration: none;
}
.button--absolute-right-center {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.button--primary {
  color: white;
  background-color: #1D92D4;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.button--primary span {
  color: white;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.button--primary:hover {
  color: black;
  background-color: #e1e1e1;
}
.button--primary:hover span {
  color: black;
  background-color: transparent;
}
.button--primary:focus:not(:hover) {
  color: white;
  background-color: #1D92D4;
}
.button--primary:focus:not(:hover) span {
  color: white;
  background-color: transparent;
}
.button--primary-outline {
  color: #1D92D4;
  border: 2px solid #1D92D5;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.button--primary-outline span {
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #1D92D4;
}
.button--primary-outline:hover {
  color: white;
  background-color: #1D92D4;
}
.button--primary-outline:hover span {
  color: white;
  background-color: transparent;
}
.button--more-products {
  font-weight: 700;
  letter-spacing: 0.75px;
  text-align: center;
  width: 200px;
  margin-bottom: 50px;
}
.button--rounded {
  border-radius: 3rem;
}
.button--uppercase {
  text-transform: uppercase;
}
.button--center {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.cart-container .form-cart .actions.main .clear {
  background-color: #1D92D4;
  width: 100%;
  padding: 11px 15px;
  font-size: 1.4rem;
  line-height: 18px;
  border: none;
  border-radius: 3rem;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  width: inherit;
}
.cart button.action.clear span {
  font-family: 'Rubik';
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: normal;
  color: #FFFFFF;
  text-transform: uppercase;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.grid {
  overflow: auto;
  margin-right: -15px;
  margin-left: -15px;
}
.grid-item {
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  padding-right: 10px;
  padding-left: 10px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .grid-item {
    float: left;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .grid-item {
    float: left;
    width: 25%;
  }
}
.grid--3col .grid-item {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 768px) {
  .grid--3col .grid-item {
    float: left;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .grid--3col .grid-item {
    float: left;
    width: 33.33333333%;
  }
}
.grid-item__to-product {
  width: 55%;
  margin: auto;
  padding-bottom: 53px;
}
.grid-item__shadow {
  border-radius: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  -webkit-box-shadow: 0px 0px 5px 0px #CCCCCC;
  -moz-box-shadow: 0px 0px 5px 0px #CCCCCC;
  box-shadow: 0px 0px 5px 0px #CCCCCC;
}
.grid-item__image-box {
  margin-bottom: 20px;
}
.grid-item__image {
  padding: 2rem 2rem 15px;
}
.grid-item__info {
  padding: 0 2rem 37px;
}
.grid-item__name {
  margin-top: 0;
  margin-bottom: 3.4rem;
  font-weight: 500 !important;
  font-size: 2.3rem;
  color: #000000;
  text-align: center;
  letter-spacing: 0;
  line-height: 2.4rem;
  color: #1D92D4;
  padding: 0 !important;
  font-size: 2.3rem !important;
  text-transform: none !important;
  margin-bottom: 3.4rem !important;
}
.grid-item__name:after {
  content: none !important;
}
.grid-item__normal-price {
  color: #9B9B9B;
  font-size: 1.4rem;
}
.grid-item__add-to-basket {
  overflow: auto;
  padding: 0 20px 20px;
}
.grid-item__option-box {
  margin-top: 10px;
  margin-bottom: 20px;
  min-height: 45px;
}
.grid-item__option-qty {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  padding-left: 0;
  margin-bottom: 2rem;
  padding-right: 0;
  position: relative;
}
@media (min-width: 1200px) {
  .grid-item__option-qty {
    margin-bottom: 0;
    width: 85px;
    padding-right: 15px;
  }
}
.grid-item__option-qty:after {
  content: '';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #1D92D4;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 19px;
  pointer-events: none;
}
@media (min-width: 1200px) {
  .grid-item__option-qty:after {
    right: 34px;
  }
}
.grid-item__option-qty-input[type="number"] {
  border: 1px solid #CCCCCC;
  border-radius: 100px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
  position: relative;
  text-align: center;
}
/*
.grid-item__option-qty-input:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '\f107';
  font-family: 'Font Awesome 5 Free';
}
*/
.grid-item__option-qty-input::-webkit-calendar-picker-indicator {
  display: none;
}
.grid-item__tocart-action {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  font-size: 15px;
  border: none;
}
@media (min-width: 1200px) {
  .grid-item__tocart-action {
    padding-left: 0;
    padding-right: 0;
    width: calc(100% - 85px);
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .grid-item__tocart-action {
    font-size: 13px;
  }
}
.grid-item__tocart-action:hover,
.grid-item__tocart-action:active,
.grid-item__tocart-action:focus {
  border: none;
}
.grid-item__swatch-attribute {
  position: relative;
}
@media (min-width: 1200px) {
  .grid-item__swatch-attribute {
    margin-bottom: 20px;
  }
}
.grid-item__swatch-attribute.hp_nicotine:before {
  content: '\f107';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #1D92D4;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 19px;
  pointer-events: none;
}
.grid-item__swatch-select {
  background-image: none;
  border-radius: 20px;
  background-color: #F2F2F2;
  border: none;
  height: 40px;
  padding-left: 17px;
  background-position: calc(100% - 12px) 50%;
  -webkit-background-size: 10px 16px;
  background-size: 10px 16px;
  font-size: 15px;
}
.grid-item__swatch-select option {
  background-color: white;
}
.product__price,
.product__price .price {
  color: #1D92D4;
  font-size: 2rem;
  letter-spacing: 0.5px;
}
.catalog-product-view .product-info-main .product-options-bottom .field.qty .control.control--hidden-arrow::after {
  content: none;
}
.catalog-product-view .detail-box .content {
  padding: 0 !important;
}
.catalog-product-view .attention-list tr td:first-child {
  padding-left: 0;
}
.catalog-product-view .attention-list tr:first-child td {
  padding-top: 0;
}
.catalog-product-view .swatch-option .text {
  padding: 0px 12px;
}
.productlist {
  margin-bottom: 3rem;
}
.productlist__grid {
  margin-bottom: 63px;
}
.productlist__headline {
  margin-left: -7px;
}
/**
Action Buttons
 */
.cart button.action.update,
button.primary.action {
  background-color: #1D92D4;
  width: 100%;
  padding: 11px 15px;
  font-size: 1.4rem;
  line-height: 18px;
  border: none;
  border-radius: 3rem;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.cart button.action.update span,
button.primary.action span {
  font-family: 'Rubik';
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: normal;
  color: #FFFFFF;
  text-transform: uppercase;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.cart button.action.update span:before,
button.primary.action span:before {
  content: none;
}
.cart button.action.update:hover,
button.primary.action:hover {
  border: none;
  background-color: #e1e1e1;
  color: black;
}
.cart button.action.update:hover span,
button.primary.action:hover span {
  color: black;
  background-color: transparent;
}
.cart button.action.update:hover span:before,
button.primary.action:hover span:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.cart button.action.update:focus,
button.primary.action:focus,
.cart button.action.update:active,
button.primary.action:active {
  border: none;
}
#discount-coupon-form .field {
  float: left;
  width: 20rem;
}
#discount-coupon-form .actions-toolbar {
  display: block;
}
#discount-coupon-form .actions-toolbar .primary {
  width: 20rem;
}
#discount-coupon-form .actions-toolbar .primary button.action.apply[value="Rabatt anwenden"] {
  background-color: #1D92D4;
  border: none;
}
#discount-coupon-form .actions-toolbar .primary button.action.apply[value="Rabatt anwenden"]:hover {
  background-color: #e1e1e1;
}
#discount-coupon-form .actions-toolbar .primary button.action.apply[value="Rabatt anwenden"]:hover span {
  color: black;
}
#discount-coupon-form .actions-toolbar .primary button.action.apply,
.cart button.action.update {
  width: inherit;
}
.widget.cms-button {
  margin-top: 3rem;
}
.widget.cms-button a {
  color: #ffff !important;
  padding: 11px 15px;
  font-size: 15px;
  line-height: 18px;
  background: #1D92D4;
  margin: 0 5px 5px 0;
  transform: translateZ(0);
}
.widget.cms-button a:hover::before {
  transform: scaleX(1);
}
.widget.cms-button a .fa {
  padding-right: 0.5rem;
  font-size: 1.5rem;
}
.widget.cms-button-logo:before {
  content: "";
  width: 16px;
  height: 17px;
  background: url(../img/happy_blau.svg) center center no-repeat;
}
.option-box,
.option-qty,
.control {
  width: 100%;
}
.option-box select,
.option-qty select,
.control select {
  background-color: #F2F2F2;
  color: #1D92D4;
  -webkit-background-size: 10px 16px;
  background-size: 10px 16px;
  background-position: right 19px bottom 50%;
  border-radius: 3rem;
  border: none;
  height: 40px;
  padding-left: 17px;
  font-size: 15px;
}
.option-box select option,
.option-qty select option,
.control select option {
  color: black;
  background-color: white;
}
.option-box input.input-text,
.option-qty input.input-text,
.control input.input-text,
.option-box textarea.input-text,
.option-qty textarea.input-text,
.control textarea.input-text {
  background-color: #F2F2F2;
  width: 100%;
  border-radius: 3rem;
  border: none;
  height: 40px;
  padding-left: 17px;
  font-size: 15px;
}
.option-box textarea.input-text,
.option-qty textarea.input-text,
.control textarea.input-text {
  height: 150px;
}
a.btn {
  background-color: #1D92D4;
  border-radius: 3rem;
  border: none;
  color: white;
  margin-right: 1rem;
  padding: 11px 15px;
  font-size: 15px;
  line-height: 18px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  text-transform: uppercase;
}
a.btn.clean:after,
a.btn.pdf:after {
  content: none;
}
a.btn span {
  color: white;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  font-size: 15px;
  text-transform: uppercase;
}
a.btn:hover {
  color: black;
  background-color: #e1e1e1;
}
a.btn:hover span {
  color: black;
  background-color: transparent;
}
a.btn:after {
  content: none;
}
a.btn:before {
  content: none;
}
.presse-gallery-buttonlist .btn {
  margin-bottom: 0.5rem;
}
.yellow-box a.btn:before {
  background-color: #ffcb01;
}
.red-box a.btn:before {
  background-color: red;
}
#discount-coupon-form .actions-toolbar .primary button.action.apply,
button.action.action-show-popup,
button.action.action-apply,
button.action.action-login {
  border: 1px solid #1D92D4;
  color: #FFFFFF;
  background-color: white;
  width: 100%;
  padding: 11px 15px;
  font-size: 15px;
  line-height: 18px;
  border-radius: 3rem;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#discount-coupon-form .actions-toolbar .primary button.action.apply span,
button.action.action-show-popup span,
button.action.action-apply span,
button.action.action-login span {
  font-family: 'Rubik';
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: normal;
  color: #FFFFFF;
  text-transform: uppercase;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#discount-coupon-form .actions-toolbar .primary button.action.apply span:before,
button.action.action-show-popup span:before,
button.action.action-apply span:before,
button.action.action-login span:before {
  content: none;
}
#discount-coupon-form .actions-toolbar .primary button.action.apply:hover,
button.action.action-show-popup:hover,
button.action.action-apply:hover,
button.action.action-login:hover {
  background-color: #1D92D4;
  color: white;
}
#discount-coupon-form .actions-toolbar .primary button.action.apply:hover span,
button.action.action-show-popup:hover span,
button.action.action-apply:hover span,
button.action.action-login:hover span {
  color: white;
  background-color: transparent;
}
#discount-coupon-form .actions-toolbar .primary button.action.apply:hover span:before,
button.action.action-show-popup:hover span:before,
button.action.action-apply:hover span:before,
button.action.action-login:hover span:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.page-wrapper h1 {
  color: #000000;
}
.page-wrapper .minisearch {
  position: relative;
  margin-top: 2rem;
}
.page-wrapper .minisearch .control #search {
  background-color: #F2F2F2;
  color: #a0a0a0;
  border: none;
  font-size: 1.2rem;
}
.page-wrapper .minisearch .actions .action {
  right: 0;
  background-color: transparent;
  opacity: 1;
}
.page-wrapper .minisearch .actions .action:before {
  padding-right: 1rem;
  font-size: 1.7rem;
}
.page-wrapper .minisearch .actions .search::before {
  background-color: white;
  right: 0;
  font-size: 2rem;
  padding-left: 1rem;
}
.page-wrapper .page-header {
  border-top: 6px solid #1D92D4;
}
@media (min-width: 767px) {
  .page-wrapper .page-header {
    border-top: none;
  }
}
.page-wrapper .page-header .header.links .switcher {
  float: none;
}
.page-wrapper .page-header .panel.wrapper {
  /* background-color: transparent; */
  background-color: #1D92D5;
  border-bottom: none;
}
.page-wrapper .page-header .panel.wrapper.fixed {
  position: fixed;
  width: 100%;
  z-index: 100000;
  top: 0;
}
.page-wrapper .page-header .panel.wrapper .panel.header {
  background-color: transparent;
  position: relative;
}
.page-wrapper .page-header .panel.wrapper .panel.header .header-fa {
  color: #1D92D4;
}
.page-wrapper .page-header .panel.wrapper .panel.header .hl-toplinks a {
  color: black;
}
.page-wrapper .page-header .panel.wrapper .panel.header .hl-toplinks .authorization-link:after {
  display: none;
}
.page-wrapper .page-header .panel.wrapper .panel.header .hl-toplinks .switcher-language ul {
  list-style: none;
  padding-left: 0;
}
.page-wrapper .page-header .panel.wrapper .panel.header .hl-toplinks .switcher-language ul li strong span {
  color: #1D92D4;
}
.page-wrapper .page-header .panel.wrapper .panel.header .hl-toplinks .switcher-language ul li {
  display: inline-block;
}
.page-wrapper .page-header .panel.wrapper .panel.header .hl-toplinks .switcher-language ul li a {
  text-decoration: underline;
}
.page-wrapper .page-header .panel.wrapper .panel.header .hl-toplinks .switcher-language ul li:after {
  content: '|';
}
.page-wrapper .page-header .panel.wrapper .panel.header .hl-toplinks .switcher-language ul li:last-of-type::after {
  display: none;
}
.page-wrapper .header .block-search {
  margin-top: 45px;
}
.page-wrapper .header .hl-header-middle-image {
  position: absolute;
  overflow: hidden;
  float: left;
  width: 100%;
  left: 0;
  margin-top: 1.5rem;
  text-align: center;
}
.page-wrapper .header .hl-header-middle-image img {
  margin-top: -2rem;
  width: 36rem;
}
.page-wrapper .header .hl-header-middle-image .happyliquid-identity {
  list-style: none;
  padding-left: 0;
  margin-top: -2rem;
}
.page-wrapper .header .hl-header-middle-image .happyliquid-identity li {
  display: inline-block;
  width: 22rem;
  vertical-align: middle;
  margin-right: 1rem;
}
.page-wrapper .header .hl-header-middle-image .happyliquid-identity li .fa,
.page-wrapper .header .hl-header-middle-image .happyliquid-identity li .fas {
  float: left;
  color: #ebc826;
  font-size: 3rem;
}
.page-wrapper .header .hl-header-middle-image .happyliquid-identity li span {
  padding-left: 3rem;
  display: block;
  color: #1D92D4;
  font-size: 1.3rem;
  font-weight: 600;
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .page-wrapper .header .hl-header-middle-image .happyliquid-identity {
    width: 70%;
    margin: auto;
  }
  .page-wrapper .header .hl-header-middle-image .happyliquid-identity li {
    width: 16.5rem;
  }
  .page-wrapper .header .hl-header-middle-image .happyliquid-identity li .fa,
  .page-wrapper .header .hl-header-middle-image .happyliquid-identity li .fas {
    font-size: 2rem;
  }
  .page-wrapper .header .hl-header-middle-image .happyliquid-identity li span {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 992px) {
  .page-wrapper .header .hl-header-middle-image {
    margin-top: 5.5rem;
  }
  .page-wrapper .header .hl-header-middle-image .happyliquid-identity {
    display: none;
  }
}
@media screen and (max-width: 670px) {
  .page-wrapper .header .hl-header-middle-image {
    margin-top: 0;
  }
  .page-wrapper .header .hl-header-middle-image img {
    height: 10rem;
  }
}
.page-wrapper .header .logo {
  grid-area: logo;
  width: 100%;
  max-width: 100%;
  margin: 0;
}
.page-wrapper .header .logo img.header-row__logo.store-vap {
  width: 57px;
  height: 87px;
}
@media screen and (min-width: 767px) {
  .page-wrapper .header .logo img.header-row__logo.store-vap {
    width: 95px;
    height: 145px;
  }
}
.page-wrapper .header.content {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media (min-width: 767px) {
  .page-wrapper .header.content {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.page-wrapper .header.panel .hl-topcontact {
  float: left;
}
.page-wrapper .header.panel .hl-topcontact li {
  font-size: 1.2rem;
  margin-left: 0rem;
  margin-right: 1rem;
}
.page-wrapper .header.panel .hl-topcontact li .header-fa {
  font-family: "Font Awesome 5 Free";
}
.page-wrapper .header .hl-toplinks li a {
  font-size: 1.3rem;
  font-weight: 200;
}
.cms-page-view .sections.nav-sections,
.page-layout-1column-category-cms .sections.nav-sections {
  margin-bottom: 0;
}
.cms-page-view p,
.page-layout-1column-category-cms p {
  margin-bottom: 1.5rem;
}
.page-layout-1column.catalog-category-view .panel-heading {
  display: none;
}
.page-layout-1column.catalog-category-view .panel-default > .panel-heading + .panel-collapse > .panel-body {
  border: none;
}
.page-layout-1column.catalog-category-view .sections.nav-sections {
  margin-bottom: 35px;
}
.page-main.page-fluid-header {
  max-width: 100%;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: 'Rubik';
}
.page-main.page-fluid-header ul {
  list-style: none;
  padding-left: 0;
}
.page-main.page-fluid-header ul.arrow-check li {
  padding-left: 2.5rem;
}
.page-main.page-fluid-header ul.arrow-check li:before {
  color: #1D92D4;
  content: "\f00c";
}
.page-main.page-fluid-header ul li {
  position: relative;
  font-weight: 900;
  padding-left: 1.5rem;
}
.page-main.page-fluid-header ul li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  position: absolute;
  font-weight: 900;
  left: 0;
}
.page-main.page-fluid-header .page-content-light-list ul li strong {
  font-weight: 400;
}
.page-main.page-fluid-header .page-widget-video .block-title {
  font-size: 3rem;
  margin-bottom: 1rem;
}
.page-main.page-fluid-header .page-widget-video .block-title strong {
  font-weight: 300;
}
.page-main.page-fluid-header .page-widget-video .embed-responsive {
  margin-bottom: 1.5rem;
}
.page-main.page-fluid-header .page-widget-contact {
  padding: 1rem 1.5rem 1rem 1.5rem;
  float: left;
}
.page-main.page-fluid-header .page-widget-contact .block-content div:nth-of-type(1) {
  float: left;
  width: 25%;
}
.page-main.page-fluid-header .page-widget-contact .block-content div:nth-of-type(2) {
  float: right;
  width: 75%;
  padding-left: 1rem;
}
.page-main.page-fluid-header .page-widget-contact .block-content div:nth-of-type(3) {
  float: left;
  width: 100%;
  margin-top: 1rem;
}
.page-main.page-fluid-header .page-widget-contact .mail {
  padding-left: 3rem;
}
.page-main.page-fluid-header .page-widget-contact .mail a {
  color: #222222;
}
.page-main.page-fluid-header .page-widget-contact .mail:before {
  content: "\f0e0";
  color: #1D92D4;
  width: 30px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.page-main.page-fluid-header .page-widget-contact .phone {
  padding-left: 3rem;
}
.page-main.page-fluid-header .page-widget-contact .phone:before {
  content: "\f095";
  color: #1D92D4;
  width: 30px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.page-main.page-fluid-header .page-widget-grey {
  padding: 2rem 2.5rem;
  background-color: #F2F2F2;
  margin-bottom: 5rem;
  width: 100%;
  border-radius: 3rem;
}
.page-main.page-fluid-header .page-widget-grey .block {
  margin-bottom: 0;
}
.page-main.page-fluid-header .page-widget-grey a.cat-menu-activ {
  color: #1D92D4 !important;
}
.page-main.page-fluid-header .page-widget-person {
  margin-bottom: 10rem;
}
.page-main.page-fluid-header .page-widget-person h4 {
  font-weight: 300;
  font-size: 2.5rem;
}
.page-main.page-fluid-header .page-widget-person h4:last-of-type {
  margin-bottom: 1.5rem;
}
.page-main.page-fluid-header .widget-inner.block-content ul li {
  font-weight: 300;
}
.page-main.page-fluid-header .widget.block.block-cms-link a {
  color: #000000;
  font-weight: 200;
  font-family: 'Rubik';
}
.page-main.page-fluid-header .hl-widget-accordion .panel-group .panel + .panel {
  margin-top: 0.1rem;
}
.page-main.page-fluid-header .hl-widget-accordion .panel-group .panel-default .panel-heading + .panel-collapse .panel-body {
  border-top: none;
  padding-left: 5rem;
}
.page-main.page-fluid-header .hl-widget-accordion .panel-group .panel-default .panel-collapse {
  background-color: #FFFFFF;
  color: #000000;
}
.page-main.page-fluid-header .hl-widget-accordion .panel-group .panel-default .activ + .panel-collapse {
  background-color: #FFFFFF;
}
.page-main.page-fluid-header .hl-widget-accordion .panel-group .panel-default .panel-heading {
  background-color: #FFFFFF;
  border: none;
  border-radius: 0;
}
.page-main.page-fluid-header .hl-widget-accordion .panel-group .panel-default .panel-heading.activ {
  background-color: #FFFFFF;
}
.page-main.page-fluid-header .hl-widget-accordion .panel-group .panel-default .panel-heading .panel-title {
  color: #000000;
  padding-left: 4rem;
  font-size: 2.25rem;
  font-weight: 300;
}
.page-main.page-fluid-header .hl-widget-accordion .panel-group .panel-default .panel-heading .panel-title .accordion-toggle {
  position: relative;
}
.page-main.page-fluid-header .hl-widget-accordion .panel-group .panel-default .panel-heading .panel-title .accordion-toggle:before {
  content: "+";
  position: absolute;
  left: -4rem;
  font-size: 3.5rem;
  top: 0rem;
  line-height: 3rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.page-main.page-fluid-header .hl-widget-accordion .panel-group .panel-default .panel-heading .panel-title .accordion-toggle:hover {
  text-decoration: none;
}
.page-main.page-fluid-header .hl-widget-accordion .panel-group .panel-default .panel-heading .panel-title .accordion-toggle.collapsed:before {
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.cms-home #maincontent {
  max-width: 100%;
  padding: 0;
}
.cms-home .ves-container {
  max-width: 1420px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.cms-home .ves-container.homepage-full-width {
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.cms-home .ves-container.homepage-full-width .ves-inner {
  overflow: hidden;
}
.cms-home .homepage-info-text .col-lg-12,
.cms-home .homepage-info-text .col-md-12,
.cms-home .homepage-info-text .col-sm-12,
.cms-home .homepage-info-text .col-xs-12 {
  padding: 0;
}
.cms-home .homepage-info-text .col-lg-12 .block,
.cms-home .homepage-info-text .col-md-12 .block,
.cms-home .homepage-info-text .col-sm-12 .block,
.cms-home .homepage-info-text .col-xs-12 .block {
  margin: 0 10px;
  padding: 10px 25px;
  background-color: #F2F2F2;
  border-radius: 15px;
}
.cms-home .homepage-info-text .col-lg-12 .block .block-title,
.cms-home .homepage-info-text .col-md-12 .block .block-title,
.cms-home .homepage-info-text .col-sm-12 .block .block-title,
.cms-home .homepage-info-text .col-xs-12 .block .block-title {
  font-weight: 400;
  position: relative;
  padding: 10px 0 16px;
  margin-bottom: 25px;
  font-size: 2.4rem;
  text-transform: uppercase;
  padding-bottom: 11px;
  font-size: 2.2rem;
}
.cms-home .homepage-info-text .col-lg-12 .block .block-title:after,
.cms-home .homepage-info-text .col-md-12 .block .block-title:after,
.cms-home .homepage-info-text .col-sm-12 .block .block-title:after,
.cms-home .homepage-info-text .col-xs-12 .block .block-title:after {
  content: '';
  position: absolute;
  background-color: #1D92D4;
  height: 4px;
  width: 40px;
  bottom: -2px;
  left: 0;
}
.cms-home .homepage-info-text .col-lg-12 .block .block-title a,
.cms-home .homepage-info-text .col-md-12 .block .block-title a,
.cms-home .homepage-info-text .col-sm-12 .block .block-title a,
.cms-home .homepage-info-text .col-xs-12 .block .block-title a {
  color: #333;
}
.cms-home .homepage-info-text .col-lg-12 .block .block-title > img,
.cms-home .homepage-info-text .col-md-12 .block .block-title > img,
.cms-home .homepage-info-text .col-sm-12 .block .block-title > img,
.cms-home .homepage-info-text .col-xs-12 .block .block-title > img {
  display: none;
}
.cms-home .homepage-info-text .col-lg-12 .block .block-title:not(div),
.cms-home .homepage-info-text .col-md-12 .block .block-title:not(div),
.cms-home .homepage-info-text .col-sm-12 .block .block-title:not(div),
.cms-home .homepage-info-text .col-xs-12 .block .block-title:not(div) {
  font-weight: 400;
  position: relative;
  padding: 10px 0 16px;
  margin-bottom: 25px;
  font-size: 2.4rem;
  text-transform: uppercase;
}
.cms-home .homepage-info-text .col-lg-12 .block .block-title:not(div):after,
.cms-home .homepage-info-text .col-md-12 .block .block-title:not(div):after,
.cms-home .homepage-info-text .col-sm-12 .block .block-title:not(div):after,
.cms-home .homepage-info-text .col-xs-12 .block .block-title:not(div):after {
  content: '';
  position: absolute;
  background-color: #1D92D4;
  height: 4px;
  width: 40px;
  bottom: -2px;
  left: 0;
}
.cms-home .homepage-info-text .col-lg-12 .block .block-title:not(div) a,
.cms-home .homepage-info-text .col-md-12 .block .block-title:not(div) a,
.cms-home .homepage-info-text .col-sm-12 .block .block-title:not(div) a,
.cms-home .homepage-info-text .col-xs-12 .block .block-title:not(div) a {
  color: #333;
}
.cms-home .homepage-info-text .col-lg-12 .block .block-title:not(div) > img,
.cms-home .homepage-info-text .col-md-12 .block .block-title:not(div) > img,
.cms-home .homepage-info-text .col-sm-12 .block .block-title:not(div) > img,
.cms-home .homepage-info-text .col-xs-12 .block .block-title:not(div) > img {
  display: none;
}
.cms-home .homepage-info-text .col-lg-12 .block .block-content,
.cms-home .homepage-info-text .col-md-12 .block .block-content,
.cms-home .homepage-info-text .col-sm-12 .block .block-content,
.cms-home .homepage-info-text .col-xs-12 .block .block-content {
  padding-bottom: 10px;
}
.navigation {
  font-family: 'Rubik' !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
}
.page-wrapper .nav-sections {
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  background-color: #FFFFFF;
}
@media screen and (max-width: 767px) {
  .page-wrapper .nav-sections {
    display: none;
  }
}
.page-wrapper .nav-sections .nav-sections-items {
  background-color: #FFFFFF;
  position: relative;
  max-height: 54px;
  will-change: max-height;
  transition: max-height 200ms ease;
}
.page-wrapper .nav-sections .nav-sections-items .nav-sections-item-content {
  position: relative;
  background-color: #FFFFFF;
}
.page-wrapper .nav-sections .nav-sections-items .nav-sections-item-content .navigation {
  background-color: #FFFFFF;
  font-family: 'Rubik' !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  padding: 0 !important;
}
.page-wrapper .nav-sections .nav-sections-items .nav-sections-item-content .navigation .level0.active .level-top,
.page-wrapper .nav-sections .nav-sections-items .nav-sections-item-content .navigation .level0.has-active .level-top {
  border: none;
}
.page-wrapper .nav-sections .nav-sections-items .nav-sections-item-content .navigation .level0 .submenu a:hover {
  background-color: #FFFFFF;
}
.page-wrapper .nav-sections .nav-sections-items .nav-sections-item-content .navigation .level0.ui-menu-item {
  text-transform: uppercase;
}
.page-wrapper .nav-sections .nav-sections-items .nav-sections-item-content .navigation .level0.ui-menu-item > a.ui-state-focus {
  cursor: pointer;
  color: #1d92d5;
}
.page-wrapper .nav-sections .nav-sections-items .nav-sections-item-content .navigation .ui-menu-item {
  margin-right: 0px;
  text-transform: none;
}
.page-wrapper .nav-sections .nav-sections-items .nav-sections-item-content .navigation .ui-menu-item a {
  color: #000000;
  font-weight: 400;
  font-size: 1.6rem;
  padding: 1rem 2rem;
  display: block;
  line-height: 1.6rem;
}
.page-wrapper .nav-sections .nav-sections-items .nav-sections-item-content .navigation .ui-menu-item a.level-top .ui-icon-carat-1-e {
  display: none;
}
.page-wrapper .nav-sections .nav-sections-items .nav-sections-item-content .navigation .ui-menu-item.has-active,
.page-wrapper .nav-sections .nav-sections-items .nav-sections-item-content .navigation .ui-menu-item.active {
  border: none;
}
.page-wrapper .nav-sections .nav-sections-items .nav-sections-item-content .navigation .ui-menu-item.has-active > a,
.page-wrapper .nav-sections .nav-sections-items .nav-sections-item-content .navigation .ui-menu-item.active > a {
  color: #1d92d5;
  border: none;
}
.page-wrapper .nav-sections .nav-sections-items .nav-sections-item-content .navigation .submenu {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 3.5px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 3.5px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 3.5px 1px rgba(0, 0, 0, 0.25);
  border: none;
  border-top: 2px solid #1D92D4;
}
.page-wrapper .nav-sections .nav-sections-items .nav-sections-item-content .navigation .submenu .submenu {
  top: -2px !important;
}
.page-wrapper .nav-sections .nav-sections-items .nav-sections-item-content .navigation .submenu .ui-state-focus {
  cursor: pointer;
  color: #1d92d5 !important;
}
.page-wrapper .nav-sections.fixed {
  position: fixed;
  width: 100%;
  z-index: 899;
  top: 40px;
}
.page-wrapper .nav-sections.fixed .nav-sections-items {
  height: 68px;
  max-height: 68px;
}
.page-wrapper .nav-sections.fixed .nav-sections-items .nav-sections-item-content {
  top: 50%;
  transform: translate(0, -50%);
}
@media screen and (max-width: 1023px) {
  .page-wrapper .nav-sections.fixed {
    top: 37px;
  }
}
.page-wrapper .copyright {
  float: left;
  background-color: #515151;
}
.sections .level0:not(.parent) {
  float: right;
}
.sections .level0.parent > a:after,
.sections .level1.parent > a:after {
  content: '\f107';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 5px;
  vertical-align: bottom;
  color: #1d92d5;
}
.sections .level1.parent > a:after {
  content: '\f105';
  margin-left: 0;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.sections .navigation .level0 .submenu li.parent > a > .ui-menu-icon {
  display: none;
}
.sections .navigation ul {
  padding: 0;
}
.nav-toggle.mobile-navbar__menu-button {
  grid-area: menu;
  vertical-align: middle;
  position: relative;
  top: 0;
  left: 0;
}
.navigation .level0 .submenu a:hover,
.navigation .level0 .submenu a.ui-state-focus {
  background-color: #FFFFFF;
}
#store\.menu .navigation .level0.category-item.level-top {
  margin: 0;
  padding-right: 0;
}
@media (min-width: 1200px) {
  #store\.menu .navigation .level0.category-item.level-top {
    margin: 0 1rem;
  }
}
#store\.menu .navigation .level0.category-item.level-top > .level-top {
  line-height: 1.6rem;
  color: #000000;
  padding: 18px 4px;
}
@media (min-width: 864px) {
  #store\.menu .navigation .level0.category-item.level-top > .level-top {
    padding: 18px 14px;
  }
}
#store\.menu .navigation > ul .level0.category-item.level-top.nav-1 {
  margin-left: 0;
}
#store\.menu .navigation > ul .level0.category-item.level-top.nav-1 > a {
  padding-left: 20px;
}
#store\.menu .navigation > ul .level0.category-item.level-top.nav-3 {
  margin-right: 0;
}
#store\.menu .navigation > ul .level0.category-item.level-top.nav-3 > a {
  padding-right: 20px;
}
#store\.menu .navigation > ul .level0.category-item.level-top.nav-8 > a > span {
  color: #e12c00;
}
body .navigation .level0.parent > .level-top > .ui-menu-icon:after {
  content: '';
}
.page-wrapper .customer-welcome {
  margin-top: 1.5rem;
  font-weight: 400;
}
.page-wrapper .customer-welcome .customer-menu .ui-menu-item a {
  color: #000000;
}
.page-wrapper .hl-minicart-nav-symbol {
  line-height: 5.5rem;
}
.page-wrapper .hl-minicart-nav-symbol .text {
  position: relative;
}
.page-wrapper .hl-minicart-nav-symbol .counter.qty {
  position: absolute;
  right: -10px;
  top: 5px;
  border-radius: 2rem;
  border: solid 2px white;
}
.page-wrapper .minicart-wrapper .action.showcart {
  position: relative;
}
.page-wrapper .minicart-wrapper .action.showcart .counter.qty {
  position: absolute;
  right: -2rem;
  border-color: #1D92D4;
  border-style: solid;
  border-radius: 3rem;
  border-width: 1px;
  top: -1rem;
  width: 2.5rem;
}
.page-wrapper .minicart-wrapper .action.showcart .counter.qty .counter-number {
  font-size: 1rem;
}
.page-wrapper .minicart-wrapper .action.showcart::before {
  font-size: 1.6rem;
  color: #1D92D4;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f07a";
  float: right;
  margin-top: 0px;
}
#minicart-content-wrapper .minicart-items-wrapper .item.product.product-item .product .product-item-details .product-item-name a {
  color: #000000;
  padding-left: 0px;
  padding-right: 0px;
  font-weight: bold;
}
#minicart-content-wrapper .actions .secondary .action.viewcart {
  color: #000000;
}

/*# sourceMappingURL=_critical-styles.css.map */