progress {
  vertical-align: baseline;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }

  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }

  to {
    background-position: 0 0;
  }
}

.progress {
  display: -ms-flexbox;
  display: flex;
  height: 3.5rem;
  overflow: hidden;
  background-color: #bcc0c4;
  text-align: right;
  border-radius: 0;
}

.progress-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: left;
  white-space: nowrap;
  background-color: #70984a;
  opacity: 0.8;
  transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    -webkit-animation: none;
    animation: none;
  }
}

body {
  background-color: #ffffff;
}

#starter {
  padding-bottom: 0px;
}

hr {
  margin: 120px 0 120px;
  border-top: 1px solid #3c48585e;
}

h2.heading {
  text-align: right;
  padding: 0px 50px 0 0;
  margin: 0px;
}

a {
  color: #252432;
  text-decoration: underline;
  cursor: pointer;
}

a.header-link,
.menu-item > a {
  text-decoration: none;
}

a:hover {
  color: #70984a;
}

.navbar.navbar-default:not(.navbar-transparent) li:not(.btn):hover > a,
.navbar.navbar-default.navbar-transparent .dropdown-menu li:not(.btn):hover > a,
.navbar.navbar-default:not(.navbar-transparent) li:not(.btn):hover > a i,
.navbar.navbar-default:not(.navbar-transparent) .navbar-toggle:hover,
.navbar.navbar-default:not(.full-screen-menu)
  .nav-cart-icon
  .nav-cart-content
  a:hover,
.navbar.navbar-default:not(.navbar-transparent) .hestia-toggle-search:hover {
  color: #70984a;
}

.card-title {
  color: #3c4858;
}

.image-title {
  text-align: center;
}

.page-header {
  margin-top: 0px;
}

.navbar-fixed-top {
  border-width: 0px;
}

.not-shown {
  display: none;
}

button.btn-primary,
button.btn,
.btn,
.btn-primary {
  border-radius: 0px !important;
  border: none !important;
  box-shadow: none !important;
  background-color: #252432 !important;
}

button.btn-secondary {
  border-radius: 0px !important;
  border: none !important;
  box-shadow: none !important;
  background-color: #ffffff !important;
  color: #252432 !important;
}

button:hover,
.btn.btn-primary:hover,
.big-button:hover,
.big-button-header:hover {
  background-color: #70984a !important;
}

.expand-icon {
  text-decoration: none;
}

.big-button {
  width: 100%;
}

.big-button-header {
  height: 3.5rem;
  padding-bottom: 28px;
  padding-left: 35px;
}

ul {
  padding-left: 15px;
  margin-bottom: 0px;
}

.about-img-container {
  width: 65%;
  display: block;
  margin: auto;
  height: auto;
}

.about-img {
  opacity: 1;
  transition: 0.5s ease;
  backface-visibility: hidden;
}

.about-overlay {
  transition: 0.5s ease;
  opacity: 0;
  position: absolute;
  top: 38.5%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  background-color: rgba(186, 164, 115, 0.5);
  width: 60%;
  height: 77.6%;
}

.about-img-container:hover .about-overlay {
  opacity: 1;
}

.about-overlay-text {
  margin: 70% 0 0 15px;
  color: white !important;
  text-align: left;
}

.about-overlay-text-title {
  line-height: 2;
}

.header-filter::before {
  color: rgba(0, 0, 0, 0.3);
}

h2.faq-heading {
  margin: 0px;
}

.card {
  margin-bottom: 15px;
  box-shadow: none;
  border-radius: 0px;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-bottom-color: rgba(0, 0, 0, 0.125) !important;
  border-bottom-style: solid !important;
  border-bottom-width: 1px !important;
}

.woocommerce ul.products.columns-3 li.product {
  width: 87%;
}

.woocommerce.archive .blog-post .products {
  margin-left: 30px !important;
}

.row {
  margin-bottom: 40px;
}

.footer {
  padding: 0;
  background-color: #252432 !important;
}

.footer-product {
  background-color: #ffffff !important;
}

.carousel-indicators {
  bottom: 0px;
}

.simple-link:hover {
  opacity: 1 !important;
}

.woocommerce.single-product,
.product {
  margin-top: 0px !important;
  box-shadow: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  margin-bottom: 1.618em !important;
}

.woocommerce div.product .woocommerce-tabs h2:first-child {
  display: flex !important;
}

.woocommerce.single-product .blog-post {
  background-color: #ffffff !important;
}

.woocommerce-breadcrumb {
  visibility: hidden;
}

body.product-template-default
  > div.wrapper
  > div.content-area
  > main.site-main
  > div.page-header {
  height: 0px !important;
  min-height: 0px !important;
}

body.page-template-default > div.wrapper > div.page-header {
  height: 20vh !important;
  min-height: 0px !important;

  height: 0px !important;
}

body.page-template-default > div.wrapper > div.page-header > div.container {
  padding-top: 8.5vh !important;
  color: #252432;

  padding-top: 0px !important;
}

body.page-template-default
  > div.wrapper
  > div.page-header
  > div.container
  > div.row
  > div.text-center
  > h1 {
  color: #252432 !important;
}

body.page-template-default > div.wrapper > div.page-header > div.header-filter {
  background: #ffffff;
}

body.archive
  > div.wrapper
  > div.content-area
  > main.site-main
  > div.page-header
  > .header-filter {
  background-image: url('https://maskhave.de/img/mood/mood_20.jpg');
}
body.archive
  > div.wrapper
  > div.content-area
  > main.site-main
  > div.page-header
  > .header-filter:before {
  background-color: rgba(0, 0, 0, 0.3);
}

#groesse {
  color: #000000 !important;
  border: 2px solid #252432;
  padding-left: 10px;
  padding-right: 20px;
}

table.variations {
  margin-top: 15vh;
}

table.variations > tbody > tr {
  width: 100% !important;
  margin-bottom: 0px !important;
  margin-right: 0px !important;
}

table.variations > tbody > tr > td {
  padding-right: 0px !important;
  padding-bottom: 0px !important;
}

.woocommerce div.product form.cart .variations td.label {
  display: none !important;
}

.quantity {
  border: 2px solid #252432;
}

.single_add_to_cart_button {
  border-radius: 0px !important;
  border: none !important;
  box-shadow: none !important;
  background-color: #252432 !important;
  width: 80%;
  float: right !important;
  line-height: 0.8 !important;
}

.main-raised {
  margin: 0;
  background-color: #ffffff;
  border-radius: 0;
  box-shadow: none;
}

.blog-post {
  background-color: white;
}

.blog-post > div.container {
  background-color: #fff;
  box-shadow: none;
  border-top: 1px solid #c1c1c1;
  border: 0;
}

.card-product {
  box-shadow: none;
  border-radius: 0;
  border: 1px solid #d2d2d2;
}

.card-product > .card-image {
  box-shadow: none !important;
  width: 100%;
  border-radius: 0;
}

.card-image img {
  border-radius: 0px !important;
}

.card .card-image,
.card-no-width .card-image {
  position: unset;
  margin: 0;
}

.attachment-woocommerce_thumbnail:hover,
.size-woocommerce_thumbnail:hover {
  box-shadow: none;
}

.shop-item:hover > .card.card-boxed.card-hover-style-pop-and-glow > .card-image,
.card-product:hover > .card-image {
  box-shadow: none !important;
}

.woocommerce .product .card-product .card-description p {
  font-size: 13px;
}

.woocommerce .product .card-product .card-description p,
.card-product .card-description,
.card-product .card-title {
  text-align: left;
  color: #252432 !important;
  overflow: hidden;
}

.row:before,
.row:after {
  display: none !important;
}

select:focus {
  background: none !important;
}

.single_variation_wrap > .woocommerce-variation-add-to-cart > .quantity {
  line-height: 2.1 !important;
}

#progress-goal-text {
  position: absolute;
  left: 78%;
  margin-top: 5px;
  color: #ffffff;
}

@media (min-width: 768px) {
  #mobile-shop {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .page-header {
    min-height: 100vh !important;
  }

  h2.heading,
  h2.hestia-title,
  h5.description {
    text-align: left;
    padding: 0px;
    margin-bottom: 20px;
  }

  hr {
    margin: 40px 0 40px;
    border-top: 1px solid #3c48585e;
  }

  .image-title {
    text-align: left;
    margin-top: 20vh;
  }

  .woocommerce.archive .blog-post .products {
    margin-left: -15px !important;
  }

  body.page-template-default > div.wrapper > div.page-header {
    height: 15vh !important;
    min-height: 0px !important;

    height: 0px !important;
  }

  body.page-template-default > div.wrapper > div.page-header > div.container {
    padding-top: 10vh !important;
    color: #252432;

    padding-top: 0px;
  }

  #desktop-shop {
    display: none !important;
  }

  #progress-goal-text {
    left: 54%;
    margin-top: 7px;
  }

  .big-button-header {
    width: 100%;
  }

  .title-sub-description {
    text-align: left;
  }
  .image-title {
    margin-top: 25vh;
  }
}