/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./web/app/themes/thuisbakkerswinkel/components/footer/src/footer.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************/
.twz-footer {
  --calc-row-width: min(var(--row-width), var(--row-maxwidth));
  --footer-inner-width: var(--calc-row-width, 95vw);
  --footer-gap: 10.9rem;
  --footer-padding-y: 2.9rem;
  --footer-padding-x: 5rem;
  color: var(--text-color-dark);
  background-color: var(--theme-bg);
}
@media (max-width: 767px) {
  .twz-footer {
    --footer-padding-y: 1.8rem;
  }
}
.twz-footer__inner {
  inline-size: var(--footer-inner-width);
  margin-inline: auto;
}
.twz-footer__newsletter {
  position: relative;
  padding-block: 5rem;
  border-block-end: 0.1rem solid var(--beige-300);
}
.twz-footer__newsletter-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4rem;
}
@media (max-width: 767px) {
  .twz-footer__newsletter-inner {
    flex-direction: column;
    align-items: stretch;
    gap: 2rem;
  }
}
.twz-footer__newsletter-title {
  margin: 0;
  font-family: var(--font-base);
  font-size: var(--fs-24);
  font-weight: 700;
  line-height: 1.5;
  color: var(--text-color-dark);
  flex-shrink: 1;
}
@media (max-width: 1024px) {
  .twz-footer__newsletter-title {
    max-width: 32rem;
  }
}
.twz-footer__newsletter-form {
  min-inline-size: 0;
  flex: 1 1 auto;
}
@media (min-width: 1025px) {
  .twz-footer__newsletter-form {
    flex: 0 1 53rem;
  }
}
.twz-footer__newsletter-form .twz-form {
  --form-maxwidth: none;
  inline-size: 100%;
  margin: 0;
}
.twz-footer__newsletter-form .twz-form__wrapper {
  margin: 0;
}
.twz-footer__newsletter-form .twz-form__form {
  max-inline-size: none;
  margin: 0;
}
.twz-footer__newsletter-form .twz-form .gform_wrapper {
  margin: 0;
}
.twz-footer__newsletter-form .twz-form .gform_body {
  flex: 1 1 auto;
  min-inline-size: 0;
  margin: 0;
}
.twz-footer__newsletter-form .twz-form .gform_footer,
.twz-footer__newsletter-form .twz-form .gform_page_footer {
  flex: 1 0 auto;
}
.twz-footer__newsletter-form .twz-form .gform_fields {
  display: flex;
  align-items: stretch;
  gap: 0;
  grid-template-columns: none;
}
.twz-footer__newsletter-form .twz-form .gfield {
  flex: 1 1 auto;
  min-inline-size: 0;
  margin: 0;
}
.twz-footer__newsletter-form .twz-form .ginput_container_email input {
  --backgroundcolor: var(--white);
  --bordercolor: var(--beige-200);
  --input-border-radius: 0;
  --padding-y: 1.2rem;
  --padding-x: 1.6rem;
  min-inline-size: 0;
  block-size: 100%;
  border-inline-end: 0;
}
.twz-footer__newsletter-form .twz-form .gform_footer,
.twz-footer__newsletter-form .twz-form .gform_page_footer {
  margin: 0;
  padding: 0;
  text-align: start;
}
.twz-footer__newsletter-form .twz-form form {
  display: flex;
}
@media (max-width: 767px) {
  .twz-footer__newsletter-form .twz-form form {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .twz-footer__newsletter-form .twz-form input[type=submit] {
    width: 100%;
  }
}
.twz-footer__newsletter-form .twz-form .gform_footer input[type=submit],
.twz-footer__newsletter-form .twz-form .gform_page_footer input[type=submit] {
  --btn-bg: var(--brown-900);
  --btn-bordercolor: var(--brown-900);
  --btn-color: var(--text-color-light);
  --btn-radius: 0;
  --btn-padding: 1rem 2rem;
  --btn-fontsize: var(--fs-16);
  --btn-fontweight: 400;
  block-size: 100%;
  min-block-size: 4.6rem;
  border-radius: 0;
}
.twz-footer__main-inner {
  display: flex;
  align-items: flex-start;
  gap: var(--footer-gap);
}
@media (max-width: 1599px) {
  .twz-footer__main-inner {
    --footer-gap: 6rem;
    flex-wrap: wrap;
  }
}
@media (max-width: 1024px) {
  .twz-footer__main-inner {
    gap: 0 var(--footer-gap);
    flex-wrap: wrap;
  }
}
.twz-footer__brand {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-inline-end: 5rem;
  border-inline-end: 0.1rem solid var(--beige-300);
  padding: var(--footer-padding-y) var(--footer-padding-x) var(--footer-padding-y) 0;
}
@media (max-width: 1024px) {
  .twz-footer__brand {
    padding-inline-end: 0;
    border-inline-end: 0;
  }
}
.twz-footer__brand-title {
  margin: 0;
  font-family: var(--font-base);
  font-size: var(--fs-24);
  font-weight: 700;
  line-height: 1.5;
  color: var(--brown-500);
}
.twz-footer__address {
  display: flex;
  flex-direction: column;
  gap: 0;
  font-style: normal;
  font-size: var(--fs-16);
  line-height: 1.5;
  color: var(--text-color-dark);
}
.twz-footer__hours {
  inline-size: min(100%, 25.9rem);
  margin-block-start: 0.5rem;
}
.twz-footer__hours-toggle {
  display: flex;
  align-items: center;
  gap: 1rem;
  list-style: none;
  cursor: pointer;
}
.twz-footer__hours-toggle::-webkit-details-marker {
  display: none;
}
.twz-footer__hours-status {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35em;
  font-size: var(--fs-16);
  line-height: 1.5;
  color: var(--text-color-dark);
}
.twz-footer__hours-status strong {
  font-weight: 700;
}
.twz-footer__hours-status span {
  font-weight: 400;
}
.twz-footer__hours-icon {
  flex: 0 0 auto;
}
.twz-footer__hours-icon .twz-icon {
  --twz-icon-size: 0.9rem;
  inline-size: var(--twz-icon-size);
  block-size: var(--twz-icon-size);
  transition: rotate 0.3s ease;
}
.twz-footer__hours.is-open .twz-footer__hours-icon .twz-icon, .twz-footer__hours[open] .twz-footer__hours-icon .twz-icon {
  rotate: 180deg;
}
.twz-footer__hours-list {
  display: flex;
  flex-direction: column;
  gap: 0.56rem;
  padding-block-start: 1rem;
}
.twz-footer__hours-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  font-size: var(--fs-16);
  line-height: 1.5;
  color: var(--text-color-dark);
}
.twz-footer__hours-item--today {
  color: var(--green-500);
  font-weight: 700;
}
.twz-footer__hours-day, .twz-footer__hours-time {
  flex: 0 0 auto;
}
.twz-footer__hours-time {
  min-inline-size: 9.6rem;
  text-align: end;
}
.twz-footer__socials {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-block-start: 0.5rem;
}
.twz-footer__social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 2rem;
  block-size: 2rem;
  color: var(--brown-500);
  text-decoration: none;
}
.twz-footer__social-link .twz-icon {
  --twz-icon-size: 2rem;
  --twz-icon-fill: currentColor;
  inline-size: var(--twz-icon-size);
  block-size: var(--twz-icon-size);
}
.twz-footer__social-link:is(:hover, :focus-visible) {
  color: var(--brown-900);
}
.twz-footer__column {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-inline-size: 0;
  padding: var(--footer-padding-y) 0;
}
.twz-footer__column-title {
  margin: 0;
  font-family: var(--font-base);
  font-size: var(--fs-18);
  font-weight: 700;
  line-height: 1.5;
  color: var(--text-color-dark);
}
.twz-footer__menu {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.twz-footer__menu a {
  font-size: var(--fs-16);
  line-height: 1.5;
  color: var(--text-color-dark);
  text-decoration: none;
}
.twz-footer__menu a:is(:hover, :focus-visible) {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.twz-footer__payments {
  padding-block: 2.3rem;
  border-block: 0.1rem solid var(--beige-300);
}
.twz-footer .twz-footer__payments-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  inline-size: var(--footer-inner-width);
  margin-inline: auto;
  filter: grayscale(100%);
}
.twz-footer__payments-item {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 8rem;
  max-block-size: 3rem;
}
@media (max-width: 767px) {
  .twz-footer__payments-item {
    inline-size: 2.5rem;
  }
}
.twz-footer__payments-image {
  display: block;
  inline-size: auto;
  block-size: auto;
  max-inline-size: 100%;
  max-block-size: 3rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.twz-footer__service {
  background-color: var(--brown-900);
  color: var(--text-color-light);
  padding-block: 2.5rem;
}
.twz-footer__service-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
@media (max-width: 1024px) {
  .twz-footer__service-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
  }
}
.twz-footer__copyright {
  margin: 0;
  font-size: var(--fs-16);
  line-height: 1.5;
  color: var(--text-color-light);
}
.twz-footer__service-menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}
.twz-footer__service-menu a {
  font-size: var(--fs-16);
  line-height: 1.5;
  color: var(--text-color-light);
  text-decoration: none;
  text-underline-offset: 0.2em;
}
.twz-footer__service-menu a:is(:hover, :focus-visible) {
  color: var(--beige-200);
  text-decoration: underline;
}