/*!********************************************************************************************************************************************************************************************!*\
  !*** 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;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    transition: background var(--transition-duration)
      var(--transition-timing-function);
  }

[name='SpaltenText'] [name='Column'][data-theme='one'] .icon, [name='SpaltenText'] [name='Column'] [name='Column'][data-theme='five'] .icon {
        color: var(--clr-white);
      }

[name='SpaltenText'] [name='Column'][data-theme='four'] .icon {
        color: var(--clr-black);
      }

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

[name='SpaltenText'] [name='Column'].has-icon > svg,
      [name='SpaltenText'] [name='Column'].has-icon > .icon-wrapper,
      [name='SpaltenText'] [name='Column'].has-svg > svg,
      [name='SpaltenText'] [name='Column'].has-svg > .icon-wrapper,
      [name='SpaltenText'] [name='Column'].has-image > svg,
      [name='SpaltenText'] [name='Column'].has-image > .icon-wrapper {
        --size: 32px;

        width: var(--size);
        aspect-ratio: 1 / 1;
        margin: 20px auto 0 20px;
        color: var(--clr-grey-700);
      }

[name='SpaltenText'] [name='Column'].has-icon > svg .icon, [name='SpaltenText'] [name='Column'].has-icon > .icon-wrapper .icon, [name='SpaltenText'] [name='Column'].has-svg > svg .icon, [name='SpaltenText'] [name='Column'].has-svg > .icon-wrapper .icon, [name='SpaltenText'] [name='Column'].has-image > svg .icon, [name='SpaltenText'] [name='Column'].has-image > .icon-wrapper .icon {
          width: 100%;
          height: 100%;
        }

/* Large icon size */

[name='SpaltenText'] [name='Column'].has-icon > svg[data-icon-size='large'], [name='SpaltenText'] [name='Column'].has-icon > .icon-wrapper[data-icon-size='large'], [name='SpaltenText'] [name='Column'].has-svg > svg[data-icon-size='large'], [name='SpaltenText'] [name='Column'].has-svg > .icon-wrapper[data-icon-size='large'], [name='SpaltenText'] [name='Column'].has-image > svg[data-icon-size='large'], [name='SpaltenText'] [name='Column'].has-image > .icon-wrapper[data-icon-size='large'] {
          --size: 72px;
        }

/* Icon colors - Theme palette */

[name='SpaltenText'] [name='Column'].has-icon > svg[data-icon-color='one'], [name='SpaltenText'] [name='Column'].has-icon > .icon-wrapper[data-icon-color='one'], [name='SpaltenText'] [name='Column'].has-svg > svg[data-icon-color='one'], [name='SpaltenText'] [name='Column'].has-svg > .icon-wrapper[data-icon-color='one'], [name='SpaltenText'] [name='Column'].has-image > svg[data-icon-color='one'], [name='SpaltenText'] [name='Column'].has-image > .icon-wrapper[data-icon-color='one'] {
          color: var(--bg-one, #f0f0f0);
        }

[name='SpaltenText'] [name='Column'].has-icon > svg[data-icon-color='two'], [name='SpaltenText'] [name='Column'].has-icon > .icon-wrapper[data-icon-color='two'], [name='SpaltenText'] [name='Column'].has-svg > svg[data-icon-color='two'], [name='SpaltenText'] [name='Column'].has-svg > .icon-wrapper[data-icon-color='two'], [name='SpaltenText'] [name='Column'].has-image > svg[data-icon-color='two'], [name='SpaltenText'] [name='Column'].has-image > .icon-wrapper[data-icon-color='two'] {
          color: var(--bg-two, #e0e0e0);
        }

[name='SpaltenText'] [name='Column'].has-icon > svg[data-icon-color='three'], [name='SpaltenText'] [name='Column'].has-icon > .icon-wrapper[data-icon-color='three'], [name='SpaltenText'] [name='Column'].has-svg > svg[data-icon-color='three'], [name='SpaltenText'] [name='Column'].has-svg > .icon-wrapper[data-icon-color='three'], [name='SpaltenText'] [name='Column'].has-image > svg[data-icon-color='three'], [name='SpaltenText'] [name='Column'].has-image > .icon-wrapper[data-icon-color='three'] {
          color: var(--bg-three, #d0d0d0);
        }

[name='SpaltenText'] [name='Column'].has-icon > svg[data-icon-color='four'], [name='SpaltenText'] [name='Column'].has-icon > .icon-wrapper[data-icon-color='four'], [name='SpaltenText'] [name='Column'].has-svg > svg[data-icon-color='four'], [name='SpaltenText'] [name='Column'].has-svg > .icon-wrapper[data-icon-color='four'], [name='SpaltenText'] [name='Column'].has-image > svg[data-icon-color='four'], [name='SpaltenText'] [name='Column'].has-image > .icon-wrapper[data-icon-color='four'] {
          color: var(--bg-four, #c0c0c0);
        }

[name='SpaltenText'] [name='Column'].has-icon > svg[data-icon-color='five'], [name='SpaltenText'] [name='Column'].has-icon > .icon-wrapper[data-icon-color='five'], [name='SpaltenText'] [name='Column'].has-svg > svg[data-icon-color='five'], [name='SpaltenText'] [name='Column'].has-svg > .icon-wrapper[data-icon-color='five'], [name='SpaltenText'] [name='Column'].has-image > svg[data-icon-color='five'], [name='SpaltenText'] [name='Column'].has-image > .icon-wrapper[data-icon-color='five'] {
          color: var(--bg-five, #b0b0b0);
        }

[name='SpaltenText'] [name='Column'].has-icon > svg[data-icon-color='six'], [name='SpaltenText'] [name='Column'].has-icon > .icon-wrapper[data-icon-color='six'], [name='SpaltenText'] [name='Column'].has-svg > svg[data-icon-color='six'], [name='SpaltenText'] [name='Column'].has-svg > .icon-wrapper[data-icon-color='six'], [name='SpaltenText'] [name='Column'].has-image > svg[data-icon-color='six'], [name='SpaltenText'] [name='Column'].has-image > .icon-wrapper[data-icon-color='six'] {
          color: var(--bg-six, #a0a0a0);
        }

[name='SpaltenText'] [name='Column'].has-icon .content, [name='SpaltenText'] [name='Column'].has-svg .content, [name='SpaltenText'] [name='Column'].has-image .content {
        border-top: none;
        padding-block-start: 12px;
      }

[name='SpaltenText'] [name='Column'].has-icon .content:has(> .button), [name='SpaltenText'] [name='Column'].has-svg .content:has(> .button), [name='SpaltenText'] [name='Column'].has-image .content:has(> .button) {
          justify-content: space-between;
        }

[name='SpaltenText'] [name='Column'][data-theme='default'].has-icon,
      [name='SpaltenText'] [name='Column'][data-theme='default'].has-svg {
        border: 2px solid var(--clr-border);
      }

[name='SpaltenText'] [name='Column'][data-theme='default'].has-image .content {
          border: 2px solid var(--clr-border);
          border-top: none;
        }

[name='SpaltenText'] [name='Column'][data-theme='default'].has-image .content, [name='SpaltenText'] [name='Column'][data-theme='default'].has-icon .content, [name='SpaltenText'] [name='Column'][data-theme='default'].has-svg .content {
          border-top: none;
          justify-content: flex-start;
        }

[name='SpaltenText'] [name='Column'][data-theme='default'].has-image .content .button-tertiary, [name='SpaltenText'] [name='Column'][data-theme='default'].has-icon .content .button-tertiary, [name='SpaltenText'] [name='Column'][data-theme='default'].has-svg .content .button-tertiary {
            margin-block-start: auto;
            align-self: end;
          }

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

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

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

[name='SpaltenText'] [name='Column'] .content {

      display: flex;
      flex-direction: column;
      padding: 20px;
      width: 100%;
}

[name='SpaltenText'] [name='Column'] .content .wp-block-heading {
        margin-block-end: 8px;
        position: relative;
      }

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

[name='SpaltenText'] [name='Column'] .content p:last-of-type {
        margin-block-end: 20px;
      }

[name='SpaltenText'] [name='Column'] .content p:last-of-type a::before {
            content: '';
            display: block;
            inset: 0;
            position: absolute;
          }

[name='SpaltenText'] [name='Column'] .content p:last-of-type a .icon {
            color: var(--clr-grey-100);
            height: 24px;
            width: 24px;
          }

[name='SpaltenText'] [name='Column'] .content p:last-of-type a:hover,
          [name='SpaltenText'] [name='Column'] .content p:last-of-type a:focus-within {
            text-decoration: none;
          }

[name='SpaltenText'] [name='Column'] .content .button-tertiary {
        position: static;
      }

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

[name='SpaltenText'] [name='Column'] .content .button-tertiary {
          align-self: start
      }
        }

[name='SpaltenText'] [name='Column'] .content .button-tertiary::after {
          content: '';
          position: absolute;
          inset: 0;
        }

/* Subgrid only in grid mode (not in slider) */

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

[name='SpaltenText'] .grid [name='Column'] {
        display: grid;
        grid-template-rows: subgrid;
        gap: 0
    }
      }

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

[name='SpaltenText'] .grid [name='Column'] .content {
          display: grid;
          grid-template-rows: subgrid;
          grid-row: span 3 /* Headline, Text, Button */
      }
        }

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

[name='SpaltenText'] .grid [name='Column'] .content .wp-block-heading {
            margin-block-end: 0;
            padding-block-end: 8px
        }
          }

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

[name='SpaltenText'] .grid [name='Column'] .content p:last-of-type {
            margin-block-end: 0;
            padding-block-end: 20px
        }
          }

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

[name='SpaltenText'][data-theme='three'] [name='Column'], [name='SpaltenText'][data-theme='four'] [name='Column'], [name='SpaltenText'][data-theme='five'] [name='Column'], [name='SpaltenText'][data-theme='six'] [name='Column'] {
      background-color: var(--clr-white);
    }

[name='SpaltenText'][data-theme='three'] [name='Column'] .icon, [name='SpaltenText'][data-theme='four'] [name='Column'] .icon, [name='SpaltenText'][data-theme='five'] [name='Column'] .icon, [name='SpaltenText'][data-theme='six'] [name='Column'] .icon {
        color: var(--clr-primary);
      }

[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);
      grid-template-rows: auto auto auto auto /* Bild, Headline, Text, Button */
  }
    }

[name='SpaltenText'] .grid .column-animation-wrapper,
    [name='SpaltenText'] .grid [name='Column'],
    [name='SpaltenText'] .grid [name='ReusableRenderer'] {
      grid-column: auto;
      gap: 0;
    }

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

[name='SpaltenText'] .grid .column-animation-wrapper,
    [name='SpaltenText'] .grid [name='Column'],
    [name='SpaltenText'] .grid [name='ReusableRenderer'] {
        grid-column: span 6;
        grid-row: span 4
    }
      }

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

[name='SpaltenText'] .grid .column-animation-wrapper,
    [name='SpaltenText'] .grid [name='Column'],
    [name='SpaltenText'] .grid [name='ReusableRenderer'] {
        grid-column: span 4
    }
      }

/* Ensure Column inside wrapper takes full height */

[name='SpaltenText'] .grid .column-animation-wrapper [name='Column'] {
        height: 100%;
        display: flex;
        flex-direction: column;
      }

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

[name='SpaltenText'] .pre-component-wrapper {
    display: flex;
    justify-content: flex-end;
    margin-block-end: 24px;
  }

[name='SpaltenText'] .pre-component-wrapper:has(> .button-tertiary) {
      justify-content: space-between;
      flex-direction: column;
      align-items: flex-start;
    }

[name='SpaltenText'] .pre-component-wrapper:has(> .button-tertiary) .swiper-controls-wrapper {
        margin-inline-start: auto;
      }

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

[name='SpaltenText'] .pre-component-wrapper:has(> .button-tertiary) {
        flex-direction: row;
        align-items: center
    }
      }

[name='SpaltenText'] .swiper-controls-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    margin-inline-end: 28px;
  }

[name='SpaltenText'] .swiper-controls-wrapper [name='SliderNavigation'] {
      left: 0;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 100%;
    }

[name='SpaltenText'] .swiper-controls-wrapper [name='SliderNavigation'] .swiper-button-next,
      [name='SpaltenText'] .swiper-controls-wrapper [name='SliderNavigation'] .swiper-button-prev {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: unset;
        right: unset;
      }

[name='SpaltenText'] .swiper-controls-wrapper [name='SliderNavigation'] .swiper-button-next {
        right: -40px;
      }

[name='SpaltenText'] .swiper-controls-wrapper [name='SliderNavigation'] .swiper-button-prev {
        left: -40px;
      }

[name='SpaltenText'] .swiper-controls-wrapper [name='SliderPagination'] {
      display: inline-flex;
      position: relative;
      width: -moz-fit-content;
      width: fit-content;
    }

/* Slider styles */

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

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

[name='SpaltenText'] .slider-wrapper .swiper .swiper-slide {
        height: auto;
      }

[name='SpaltenText'] .slider-wrapper .swiper .swiper-slide [name='Column'] {
          height: 100%;
        }

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


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