body {
  font-family: "Saira Extra Condensed", sans-serif;
  font-family: "Saira Condensed", sans-serif;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Saira Extra Condensed", sans-serif;
  font-family: "Saira Condensed", sans-serif;
  text-transform: unset;
  line-height: 1.1em;
}

header#main-header #top-bar {
  background: black;
  color: white;
}
header#main-header #top-bar .col-auto:last-child li {
  margin-left: 0.5rem;
}
header#main-header.hidden {
  margin-top: calc((35px + 100px) * -1);
}
@media (max-width: 767.98px) {
  header#main-header.hidden {
    margin-top: calc(100px * -1);
  }
}
header#main-header.scrolled {
  margin-top: 0;
  -webkit-box-shadow: 0 0px 20px 5px rgba(30, 35, 50, 0.05);
  box-shadow: 0 0px 20px 5px rgba(30, 35, 50, 0.05);
}

.footer-menu a, .footer-menu a:visited {
  color: white;
}
.footer-menu a:hover, .footer-menu a:focus {
  color: black;
}

.payments li img {
  mix-blend-mode: darken;
}
@media (max-width: 991.98px) {
  .payments li img {
    height: 20px !important;
  }
}

#faq-banner {
  display: flex;
  position: fixed;
  bottom: 20%;
  left: -110%;
  width: 400px;
  height: 170px;
  background-image: url("../../dist-assets/img/FAQ-banner.jpg");
  background-size: 205px;
  background-position: right -40px bottom;
  background-repeat: no-repeat;
  transition: all 0.5s ease-in-out;
  z-index: 9;
  background-color: #f9f9f9;
  background-blend-mode: darken;
  padding: 15px 130px 15px 15px;
  -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
  text-shadow: 0 0 10px #FFFFFF;
}
#faq-banner .close-btn {
  position: absolute;
  top: 5px;
  right: 7px;
  font-size: 23px;
  cursor: pointer;
}
#faq-banner span {
  font-size: 31px;
  margin-bottom: 0.35rem;
}
#faq-banner.attivo {
  left: 0;
}

.home-slides .swiper-slide .row {
  height: 75vh;
  min-height: 600px;
}

.gform_fields label:not(.checkbox):not(.methods label):not(.shipping label),
.woocommerce-MyAccount-content form label:not(.checkbox):not(.methods label):not(.shipping label),
.woocommerce-checkout label:not(.checkbox):not(.methods label):not(.shipping label) {
  font-size: 0.9rem;
  color: gray;
  font-weight: 300;
  display: block;
}

.woocommerce-placeholder,
.attachment-woocommerce_thumbnail {
  padding: 1.5rem;
  height: 210px;
}

.woocommerce-loop-product__title {
  font-size: 1rem !important;
  color: #c3b73e;
}

.products .price {
  font-weight: 600;
  font-size: unset !important;
}

.cont {
  display: flex;
  flex-direction: column;
}

.product .cont .button,
.add_to_cart_button {
  margin-top: auto;
  background-color: #F1F1F1;
  border: 1px solid #F1F1F1;
  color: black !important;
}
.product .cont .button:hover, .product .cont .button:focus,
.add_to_cart_button:hover,
.add_to_cart_button:focus {
  background-color: #c3b73e;
  border: 1px solid #c3b73e;
  color: white !important;
}

a.woocommerce-LoopProduct-link {
  display: block;
  margin-bottom: 0.65rem;
}

.cart-contents.menu-item:before {
  content: "\f07a"; /* this is your text. You can also use UTF-8 character codes as I do here */
  font-weight: 900;
  font-size: inherit;
}

.cart-contents-count {
  font-size: 10px;
  padding: 0;
  width: 17px;
  height: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vorteile {
  list-style: none;
  padding: 0;
  overflow: hidden;
  margin: auto;
  max-width: 1140px;
}
.vorteile li {
  width: 33.3333%;
  float: left;
}
@media (max-width: 767.98px) {
  .vorteile li {
    width: 100%;
    margin-bottom: 1.3rem;
  }
}
.vorteile li:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #c3b73e;
  display: block;
  line-height: 1.1em;
  font-size: 1rem;
  font-size: 25px;
}
.vorteile .lieferung:before {
  content: "\f48c";
}
.vorteile .kosten:before {
  content: "\f06b";
}
.vorteile .bezahlung:before {
  content: "\f2f7";
}

.sizing-hinweis {
  border-top: 1px solid #F1F1F1;
  border-bottom: 1px solid #F1F1F1;
  padding: 0.5rem 0;
  margin-bottom: 0;
  margin-top: 1.5rem;
}

.tcs-hinweis {
  border-top: 1px solid #F1F1F1;
  border-bottom: 1px solid #F1F1F1;
  padding: 0.5rem 0;
  margin-top: 1.5rem;
}
.sizing-hinweis + .tcs-hinweis {
  margin-top: 0;
  border-top: none;
}

.product_meta {
  font-size: 0.8rem;
  line-height: 1.3em;
}

.woocommerce-product-gallery__wrapper {
  overflow: hidden;
}

.woocommerce-product-gallery__image .wp-post-image {
  max-height: 400px;
  width: auto;
}

.availability-check {
  background-color: #c3b73e;
  color: white;
}

.availability-popup {
  display: none;
  top: 100%;
  left: 0%;
  z-index: 9;
  color: black;
  border: 1px solid #c3b73e;
}

.availability-check:hover .availability-popup {
  display: block;
}

.variation {
  width: 50%;
  float: left;
}

.availability-status {
  display: inline-block;
  margin-right: 5px;
}
.availability-status:before {
  content: "\f111"; /* this is your text. You can also use UTF-8 character codes as I do here */
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 16px;
  line-height: 1em;
  color: black;
}
.availability-status.status-1:before {
  content: "\f058"; /* this is your text. You can also use UTF-8 character codes as I do here */
  color: green;
}
.availability-status.status-2:before {
  content: "\f111"; /* this is your text. You can also use UTF-8 character codes as I do here */
  color: orange;
}
.availability-status.status-0:before {
  content: "\f111"; /* this is your text. You can also use UTF-8 character codes as I do here */
  color: red;
}

.lieferstatus {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
}

.form-row.third {
  width: calc(33% - 2rem);
}
.form-row.third input[type=number] {
  width: 150px;
  text-align: left;
}

.cwginstock-subscribe-form .panel {
  border-radius: unset !important;
  box-shadow: unset !important;
}
.cwginstock-subscribe-form .panel-primary {
  border-color: #c3b73e !important;
}
.cwginstock-subscribe-form .panel-primary > .panel-heading {
  border-radius: unset !important;
  background-color: #c3b73e !important;
  border-color: #c3b73e !important;
}
.cwginstock-subscribe-form .panel-primary > .panel-heading h4 {
  margin: 0;
  font-size: 1.3rem;
}

#ready-banner .testo p:first-of-type {
  font-size: 55px;
  line-height: 1;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  #ready-banner .testo p:first-of-type {
    font-size: 35px;
  }
}
#ready-banner .testo p:last-of-type {
  font-size: 26px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  #ready-banner .testo p:last-of-type {
    font-size: 19px;
  }
}
#ready-banner .play-cont {
  height: 80px;
  width: 150px;
  background-size: cover;
  background-position: center;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  #ready-banner .play-cont {
    font-size: 70px;
  }
}

.heyLight-inline.widget-summary-simple {
  font-family: "Saira Condensed", sans-serif !important;
  font-size: 15px !important;
  padding: 0 !important;
}

.heyLight-inline.widget-summary {
  font-family: "Saira Condensed", sans-serif !important;
  font-size: 15px !important;
}
.heyLight-inline.widget-summary .summary-row {
  font-size: 15px !important;
}
.heyLight-inline.widget-summary .terms-row {
  font-size: 13px !important;
  line-height: 1.1 !important;
  margin-top: 3px;
}
.heyLight-inline.widget-summary .terms-row i {
  font-style: normal !important;
}

/*# sourceMappingURL=theme.css.map */