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

[name='SpaltenText'] [name='Column'] {
    align-items: flex-start;
    box-shadow: 0 0 30px 2px rgb(54 60 66 / 25%);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    transition: background var(--transition-duration)
      var(--transition-timing-function);
  }

:is(:is([name='SpaltenText'] [name='Column']) [name='ElementImage']) figure {
        margin-block-end: 0;
      }

:is(:is([name='SpaltenText'] [name='Column']) .content)  > :first-child {
    margin-block-start: 0;
    padding-block-start: 0;
  }

:is(:is([name='SpaltenText'] [name='Column']) .content)  > :last-child:not([class*='button']) {
    margin-block-end: 0;
    padding-block-end: 0;
  }

:is(:is([name='SpaltenText'] [name='Column']) .content)  > h2,:is(:is([name='SpaltenText'] [name='Column']) .content)  > h3,:is(:is([name='SpaltenText'] [name='Column']) .content)  > h4,:is(:is([name='SpaltenText'] [name='Column']) .content)  > h5,:is(:is([name='SpaltenText'] [name='Column']) .content)  > h6 {
    margin-block-start: 0;
  }

:is([name='SpaltenText'] [name='Column']) .content {

      padding: 16px 32px 40px;
      width: 100%;
    }

:is(:is([name='SpaltenText'] [name='Column']) .content) .wp-block-heading {
        font-size: 40px;
        font-variant: all-small-caps;
        font-weight: var(--fw-bold);
        line-height: 40px;
        position: relative;
        margin-block-end: 24px;
        padding-block-end: 8px;
      }

:is(:is(:is([name='SpaltenText'] [name='Column']) .content) .wp-block-heading)::after {
          content: '';
          width: 85px;
          height: 2px;
          background-color: var(--clr-secondary);
          position: absolute;
          inset-block-end: 0;
          inset-inline-start: 0;
        }

:is(:is([name='SpaltenText'] [name='Column']) .content):has( > [name='ContactInfo']) {
        margin-block-end: 32px;
      }

:is(:is([name='SpaltenText'] [name='Column']) .content)  + a {
        display: flex;
        align-items: center;
        text-decoration: none;
        margin-inline: auto 32px;
        padding-block-end: 16px;
      }

:is(:is(:is([name='SpaltenText'] [name='Column']) .content) + a)::before {
          content: '';
          display: block;
          inset: 0;
          position: absolute;
        }

:is(:is(:is([name='SpaltenText'] [name='Column']) .content) + a) .read-more {
          display: inline-block;
          max-width: 0;
          opacity: 0;
          overflow: hidden;
          white-space: nowrap;
          transition:
            max-width calc(var(--transition-duration) * 2)
              var(--transition-timing-function),
            opacity 0.2s ease-out 0.1s;
          text-decoration: none;
        }

:is(:is(:is([name='SpaltenText'] [name='Column']) .content) + a) .icon {
          color: #ddd;
          transition:
            margin-inline-start calc(var(--transition-duration) * 2)
              var(--transition-timing-function),
            color 0.2s ease-out;
        }

:is(:is(:is([name='SpaltenText'] [name='Column']) .content) + a):hover,:is(:is(:is([name='SpaltenText'] [name='Column']) .content) + a):focus-within {
          text-decoration: none;
        }

:is(:is(:is(:is([name='SpaltenText'] [name='Column']) .content) + a):hover,:is(:is(:is([name='SpaltenText'] [name='Column']) .content) + a):focus-within) .read-more {
            max-width: 150px;
            opacity: 1;
            text-decoration: none;
            color: var(--clr-secondary);
          }

:is(:is(:is(:is([name='SpaltenText'] [name='Column']) .content) + a):hover,:is(:is(:is([name='SpaltenText'] [name='Column']) .content) + a):focus-within) .icon {
            margin-inline-start: 12px;
            color: var(--clr-secondary);
          }

[name='SpaltenText'] {
  overflow-x: clip;
  position: relative;

  /* Grid layout */
}

[name='SpaltenText'] .grid {
    display: grid;
    gap: var(--gutter);
    grid-template-columns: 1fr;
  }

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

[name='SpaltenText'] .grid {
      grid-template-columns: repeat(12, 1fr);
  }
    }

:is([name='SpaltenText'] .grid) [name='Column'],:is([name='SpaltenText'] .grid) [name='ReusableRenderer'] {
      grid-column: auto;
    }

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

:is([name='SpaltenText'] .grid) [name='Column'],:is([name='SpaltenText'] .grid) [name='ReusableRenderer'] {
        grid-column: span 6;
    }
      }

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

:is([name='SpaltenText'] .grid) [name='Column'],:is([name='SpaltenText'] .grid) [name='ReusableRenderer'] {
        grid-column: span 4;
    }
      }

@media screen and (width >= 1024px) {
        .grid-4:is([name='SpaltenText'] .grid) [name='Column'],.grid-4:is([name='SpaltenText'] .grid) [name='ReusableRenderer'] {
          grid-column: span 3;
        }
      }

:is(:is(:is([name='SpaltenText'] .grid) [name='ContactInfo']) .header) .name {
          margin-block-end: 16px;
        }

[name='SpaltenText'] .content {
    flex-grow: 1;
  }

/* Slider styles */

[name='SpaltenText'] .slider-wrapper {
    position: static;
  }

[name='SpaltenText'] .swiper {
    overflow: visible;
    position: static;
  }

:is([name='SpaltenText'] .swiper) .swiper-slide {
      height: auto;
    }

:is(:is([name='SpaltenText'] .swiper) .swiper-slide) [name='Column'] {
        height: 100%;
      }

:is(:is(:is([name='SpaltenText'] .swiper) .swiper-slide) [name='Column']) .content:has( > [name='ContactInfo']) {
          margin-block-end: 0;
        }

/* Slider navigation */

[name='SpaltenText'] [name='SliderNavigation'] {
    inset: var(--dynamic-padding-block-start, var(--comp-spacing)) 0 auto auto;
    display: flex;
    justify-content: flex-end;
    position: absolute;
  }

/* Gradient background specific styles */

.has-gradient-background[name='SpaltenText'] {
    --theme-transparent: transparent;
    --theme-default: var(--bg-clr-page);
    --theme-one: var(--bg-clr-one);
    --theme-two: var(--bg-clr-two);
    --theme-three: var(--bg-clr-three);
    --gradient-height: calc(86px + 80px);
  }

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

.has-gradient-background[name='SpaltenText'] {
      --gradient-height: calc(86px + 127px);
  }
    }

.has-gradient-background[name='SpaltenText'] {

    background-image: linear-gradient(
      to bottom,
      var(--gradient-color-top) 0,
      var(--gradient-color-top) var(--gradient-height),
      var(--gradient-color-bottom) var(--gradient-height),
      var(--gradient-color-bottom) 100%
    );
  }

[name='SpaltenText'][data-theme='default'] + [data-theme='default'],[name='SpaltenText'][data-theme='one'] + [data-theme='one'],[name='SpaltenText'][data-theme='two'] + [data-theme='two'],[name='SpaltenText'][data-theme='three'] + [data-theme='three'] {
    padding-block-start: var(--comp-spacing) !important;
  }


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