/*!************************************************************************************************************************************************************************************!*\
  !*** 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/block/Cta/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 */

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

[name='Cta'] {
    align-items: start;
    display: grid;
    gap: var(--gutter);
    grid-template-columns: repeat(12, 1fr)
}
  }

[name='Cta'] [name='PreContent'] > :first-child {
    margin-block-start: 0;
    padding-block-start: 0;
  }

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

[name='Cta'] [name='PreContent'] > h2,
  [name='Cta'] [name='PreContent'] > h3,
  [name='Cta'] [name='PreContent'] > h4,
  [name='Cta'] [name='PreContent'] > h5,
  [name='Cta'] [name='PreContent'] > h6 {
    margin-block-start: 0;
  }

[name='Cta'] .content {
    padding-inline: 8px;
  }

[name='Cta'] a {
    text-decoration: none;
  }

[name='Cta'] .headline {
    font-size: 33px;
    line-height: 42px;
    margin-block: 8px;
  }

[name='Cta'] .teaser {
    margin-block-end: 0;
  }

@media screen and (width >= 1024px) {
    [name='Cta'] [name='PreContent'] {
      grid-column: span 4;
    }

    [name='Cta'] .cta-item {
      grid-column: span 4;
    }

    [name='Cta'].portrait .cta-item {
      display: flex;
      gap: 32px;
      grid-column: span 8;
    }

      [name='Cta'].portrait .cta-item [name='ElementImage'] {
        order: 2;
        width: calc(55% - 16px);
      }

      [name='Cta'].portrait .cta-item .content {
        width: calc(45% - 16px);
      }

      [name='Cta'].portrait .cta-item .headline {
        margin-block-end: 20px;
      }
  }

[name='Cta'] .cta-item {
    background-color: var(--clr-white);
    border-radius: 10px;
    display: inline-block;
    filter: drop-shadow(0 2px 8px rgb(0 0 0 / 25%));
    padding: 12px 12px 16px;
    transition: filter var(--transition-duration)
      var(--transition-timing-function);
  }

[name='Cta'] .cta-item:hover,
    [name='Cta'] .cta-item:focus-visible,
    [name='Cta'] .cta-item:focus-within {
      filter: drop-shadow(0 2px 8px rgb(0 0 0 / 35%));
      outline: none;
    }

[name='Cta'] .cta-item:hover .button-icon,
      [name='Cta'] .cta-item:hover .button,
      [name='Cta'] .cta-item:focus-visible .button-icon,
      [name='Cta'] .cta-item:focus-visible .button,
      [name='Cta'] .cta-item:focus-within .button-icon,
      [name='Cta'] .cta-item:focus-within .button {
        --color: var(--clr-white);
        --bg-color: var(--clr-text);
      }

@media screen and (width < 1024px) {
      [name='Cta'] .cta-item + .cta-item {
        margin-block-start: 48px;
      }
    }

[name='Cta'] .cta-item .button {
      margin-block-start: 24px;
    }

[name='Cta'].landscape .cta-item {
    /*img {*/
    /*  aspect-ratio: 2/1;*/
    /*  object-fit: cover;*/
    /*  overflow: hidden;*/
    /*}*/
  }

[name='Cta'].landscape .cta-item .content {
      -moz-column-gap: 32px;
           column-gap: 32px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }

[name='Cta'].landscape .cta-item .content .headline {
        width: 100%;
      }

[name='Cta'].landscape .cta-item .content .teaser {
        max-width: 260px;
      }


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