/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./components/static/Footer/style.css ***!
  \****************************************************************************************************************************************************************************************/
/**
 * Custom Media Queries
 * Works like Custom Properties, except for media queries.
 *
 * @link: https://drafts.csswg.org/mediaqueries-5/#custom-mq
 * @link: https://github.com/postcss/postcss-custom-media
 **/

/* Min-Width */

/* Customize based on project */

/* Max-Width */

/* Customize based on project */

/* Min-Max-Width */

:root {
  --clr-primary: #00634e;
  --clr-primary-rgb: 0, 99, 78;
  --clr-grey: #f4f4f4;
  --clr-secondary: var(--clr-grey);
  --clr-tertiary: #9dcff0;
  --clr-fourth: #7eb975;
  --clr-fifth: #fae46b;
  --clr-sixth: #e08982;
  --clr-accent: var(--clr-grey);
  --clr-grey-200: #ddd;
  --clr-grey-500: #a5b2af;
  --clr-grey-900: #373d42;
  --clr-grey-dark: #666766;
  --clr-grey-dark-muted: #898989;
  --clr-error: #e56b6b;
  --clr-success: var(--clr-fourth);
  --clr-warning: var(--clr-fifth);
  --clr-info: var(--clr-tertiary);
  --clr-white: #fff;
  --clr-black: #121211;
  --clr-pure-black: #000;
  --clr-muted: #dddfe4;
  --clr-muted-transparent: var(--clr-grey);
  --clr-border: transparent;
  --clr-list-marker: var(--clr-primary);
  --clr-marker: var(--clr-primary);
  --clr-headline: var(--clr-text);
  --clr-text: var(--clr-black);
  --clr-text-secondary: var(--clr-white);
  --clr-text-muted: var(--clr-grey-dark-muted);
  --clr-link: var(--clr-text);
  --clr-divider: var(--clr-secondary);
  --clr-label: var(--clr-text);
  --bg-clr-page: #f8fafb;
  --bg-clr-one: var(--clr-white);
  --bg-clr-two: var(--clr-secondary);
  --bg-clr-three: var(--clr-tertiary);
  --bg-clr-four: var(--clr-fourth);
  --bg-clr-five: var(--clr-fifth);
  --bg-clr-six: var(--clr-sixth);
  --bg-clr-seven: var(--clr-primary);
  --bg-clr-eight: #a73d3e;
  --bg-clr-input: var(--clr-white);
  --clr-input: var(--clr-grey-dark-muted);
  --border-clr-input: var(--clr-text);
  --underline-color: var(--clr-primary);
}

/** Checkbox and Radio Mixins */

[name='Footer'] {
  margin-top: -16px;
  overflow: hidden;
  width: 100%;
}

[name='Footer'] .menus {
    --gutter: 24px;

    display: grid;
    gap: var(--gutter);
    grid-template-columns: repeat(4, 1fr);
    padding-block: 24px 32px;
  }

@media screen and (width >= 768px) {

[name='Footer'] .menus {
      --gutter: 48px;

      grid-template-columns: repeat(12, 1fr)
  }
    }

[name='Footer'] .menus .menu a {
        text-decoration: none;
      }

[name='Footer'] .menus .menu a .text {
          align-items: flex-end;
          display: flex;
          gap: 8px;
          justify-content: space-between;
          width: 100%;
        }

[name='Footer'] .menus .menu a .text::after {
            background-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 19 12%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M13.9595 0.911133H10.082H9.01568L14.0564 5.90431L8.82181 11.0895H13.7656L19.0002 5.90431L13.9595 0.911133Z%27 fill=%27%23fff%27/%3E%3Cpath d=%27M5.13767 0.911133H1.26018H0.193874L5.2346 5.90431L0 11.0895H4.94379L10.1784 5.90431L5.13767 0.911133Z%27 fill=%27%23fff%27/%3E%3C/svg%3E%0A");
            background-repeat: no-repeat;
            background-size: 19px 12px;
            block-size: 12px;
            content: '';
            display: inline-block;
            flex-shrink: 0;
            inline-size: 19px;
            margin-block-end: 6px;
            transition: background-image var(--transition-duration)
              var(--transition-timing-function);
          }

[name='Footer'] .menus .menu-item:focus-visible, [name='Footer'] .menus .menu-teaser a:focus-visible {
        outline: 2px dotted var(--clr-primary);
        outline-offset: 3px;
      }

[name='Footer'] + .copyright > :first-child {
    margin-block-start: 0;
    padding-block-start: 0;
  }

[name='Footer'] + .copyright > :last-child:not([class*='button']) {
    margin-block-end: 0;
    padding-block-end: 0;
  }

[name='Footer'] + .copyright > h2,
  [name='Footer'] + .copyright > h3,
  [name='Footer'] + .copyright > h4,
  [name='Footer'] + .copyright > h5,
  [name='Footer'] + .copyright > h6 {
    margin-block-start: 0;
  }

[name='Footer'] + .copyright {

    padding-block: var(--flow-space);
    text-align: center;
}

[name='Footer'] .h4.menu-headline,
  [name='Footer'] .menu-intro {
    display: inline-block;
  }

[name='Footer'] .menu-teaser > :first-child {
    margin-block-start: 0;
    padding-block-start: 0;
  }

[name='Footer'] .menu-teaser > :last-child:not([class*='button']) {
    margin-block-end: 0;
    padding-block-end: 0;
  }

[name='Footer'] .menu-teaser > h2,
  [name='Footer'] .menu-teaser > h3,
  [name='Footer'] .menu-teaser > h4,
  [name='Footer'] .menu-teaser > h5,
  [name='Footer'] .menu-teaser > h6 {
    margin-block-start: 0;
  }

[name='Footer'] .logo-wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--flow-space);
    grid-column: 12 span;
    width: 220px;
  }

@media screen and (width >= 768px) {

[name='Footer'] .logo-wrapper {
      margin-inline-start: -60px
  }
    }

[name='Footer'] .menus,
  [name='Footer'] .socials {
    left: calc(var(--container-spacing) * -1);
    padding-inline: var(--container-spacing);
    position: relative;
    width: calc(100% + (var(--container-spacing) * 2));
  }

[name='Footer'] .socials {
    align-items: center;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    padding-block: 16px;
  }

@media screen and (width >= 768px) {

[name='Footer'] .socials {
      justify-content: flex-end
  }
    }

[name='Footer'] .socials svg {
      aspect-ratio: 1 / 1;
      width: 24px;
    }

[name='Footer'] .menu .stack {
      --flow-space: 16px;
    }

[name='Footer'] .menu-one,
  [name='Footer'] .menu-two,
  [name='Footer'] .menu-three,
  [name='Footer'] .menu-four {
    grid-column: 1 / 11 span;
  }

[name='Footer'] p,
  [name='Footer'] a {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
  }

@media screen and (width >= 768px) {
    [name='Footer'] .logo-wrapper {
      grid-column: 2 span;
    }

    [name='Footer'] .menu-one {
      grid-column: 3 span;
      justify-self: center;
      text-align: left;
    }

    [name='Footer'] .menu-two,
    [name='Footer'] .menu-four {
      grid-column: 3 span;
    }

    [name='Footer'] .menu-three {
      grid-column: 3 span;
      padding-inline-start: 32px;
    }

      [name='Footer'] .menu-three .text {
        width: 80% !important;
      }
  }

[name='Footer'] .title {
    color: var(--clr-primary);
    font-weight: var(--fw-semibold);
    line-height: 22px;
    margin-bottom: 16px;
    display: block;
  }


/*# sourceMappingURL=style.min.css.map*/