/*!******************************************************************************************************************************************************************************************!*\
  !*** 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/MediaText/style.css ***!
  \******************************************************************************************************************************************************************************************/
/* Formular-Mixins */

/**
 * 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='MediaText'] .gallery-slider .thumb-swiper {
      margin-block-start: 16px;
    }

[name='MediaText'] .gallery-slider [name='SliderNavigation'] {
      justify-content: flex-end;
      margin-block-end: 8px;
      margin-inline-end: -16px;
    }

[name='MediaText'] .gallery-slider [name='SliderNavigation'] .swiper-button:not(.swiper-button-disabled) {
          color: var(--clr-black);
        }

[name='MediaText'] .video-wrapper {
    position: relative;
    overflow: hidden;
  }

[name='MediaText'] .video-wrapper .video-player {
      width: 100%;
      height: auto;
      display: block;
      aspect-ratio: 16 / 9;
      -o-object-fit: cover;
         object-fit: cover;
      background-color: var(--clr-grey-200);
    }

[name='MediaText'] .video-wrapper .video-play-button {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: flex;
      align-items: center;
      justify-content: center;
      width: 80px;
      height: 80px;
      background-color: rgb(255 255 255 / 90%);
      border: none;
      border-radius: 50%;
      cursor: pointer;
      transition:
        transform 0.2s ease,
        background-color 0.2s ease;
      z-index: 2;
      color: var(--clr-black);
    }

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

[name='MediaText'] .video-wrapper .video-play-button {
        width: 100px;
        height: 100px
    }
      }

[name='MediaText'] .video-wrapper .video-play-button:hover {
        transform: translate(-50%, -50%) scale(1.1);
        background-color: var(--clr-white);
      }

[name='MediaText'] .video-wrapper .video-play-button:focus-visible {
        outline: 2px solid var(--clr-black);
        outline-offset: 4px;
      }

[name='MediaText'] .video-wrapper .video-play-button .icon {
        width: 32px;
        height: 32px;
      }

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

[name='MediaText'] .video-wrapper .video-play-button .icon {
          width: 40px;
          height: 40px
      }
        }

[name='MediaText'] .mixed-slider .main-swiper .swiper-slide {
        aspect-ratio: 5 / 3;
      }

[name='MediaText'] .mixed-slider .main-swiper .swiper-slide img,
        [name='MediaText'] .mixed-slider .main-swiper .swiper-slide .video-player,
        [name='MediaText'] .mixed-slider .main-swiper .swiper-slide video {
          background: var(--clr-white);
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
          width: 100%;
        }

[name='MediaText'] .mixed-slider .main-swiper [name='ElementImage'],
      [name='MediaText'] .mixed-slider .main-swiper figure,
      [name='MediaText'] .mixed-slider .main-swiper img,
      [name='MediaText'] .mixed-slider .main-swiper .video-wrapper,
      [name='MediaText'] .mixed-slider .main-swiper .video-player,
      [name='MediaText'] .mixed-slider .main-swiper video {
        width: 100%;
        height: 100%;
      }

[name='MediaText'] .mixed-slider .main-swiper .video-wrapper {
        position: relative;
      }

[name='MediaText'] .mixed-slider .main-swiper .video-wrapper .video-play-button {
          background-color: rgba(var(--clr-grey-700-rgb), 0.4);
          border: none;
          border-radius: 50%;
          color: var(--clr-black);
          cursor: pointer;
          display: grid;
          height: 80px;
          left: 50%;
          place-items: center;
          position: absolute;
          top: 50%;
          transform: translate(-50%, -50%);
          transition:
            transform 0.2s ease,
            background-color 0.2s ease;
          width: 80px;
          z-index: 2;
        }

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

[name='MediaText'] .mixed-slider .main-swiper .video-wrapper .video-play-button {
            height: 100px;
            width: 100px
        }
          }

[name='MediaText'] .mixed-slider .main-swiper .video-wrapper .video-play-button:hover {
            transform: translate(-50%, -50%) scale(1.1);
          }

[name='MediaText'] .mixed-slider .main-swiper .video-wrapper .video-play-button:focus-visible {
            outline: 2px solid var(--clr-black);
            outline-offset: 4px;
          }

[name='MediaText'] .mixed-slider .main-swiper .video-wrapper .video-play-button .icon {
            height: 32px;
            margin-inline-start: 10px;
            width: 32px;
          }

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

[name='MediaText'] .mixed-slider .main-swiper .video-wrapper .video-play-button .icon {
              height: 48px;
              width: 48px
          }
            }

[name='MediaText'] .mixed-slider .thumb-swiper {
      margin-block-start: 16px;
    }

[name='MediaText'] .mixed-slider .thumb-swiper .swiper-slide {
        aspect-ratio: 5 / 3;
        cursor: pointer;
        opacity: 0.6;
        overflow: hidden;
        transition: opacity 0.2s ease;
      }

[name='MediaText'] .mixed-slider .thumb-swiper .swiper-slide.swiper-slide-thumb-active {
          opacity: 1;
        }

[name='MediaText'] .mixed-slider .thumb-swiper .swiper-slide [name='ElementImage'],
        [name='MediaText'] .mixed-slider .thumb-swiper .swiper-slide figure,
        [name='MediaText'] .mixed-slider .thumb-swiper .swiper-slide img {
          width: 100%;
          height: 100%;
        }

[name='MediaText'] .mixed-slider .thumb-swiper .swiper-slide img {
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
          width: 100%;
        }

[name='MediaText'] .mixed-slider .thumb-swiper .thumb-video {
        background: var(--clr-grey-900, #1a1a1a);
        height: 100%;
        position: relative;
        width: 100%;
      }

[name='MediaText'] .mixed-slider .thumb-swiper .thumb-video img,
        [name='MediaText'] .mixed-slider .thumb-swiper .thumb-video video {
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
          width: 100%;
        }

[name='MediaText'] .mixed-slider .thumb-swiper .thumb-video-icon {
        background-color: rgba(var(--clr-grey-700-rgb), 0.4);
        border-radius: 50%;
        color: var(--clr-black);
        display: grid;
        height: 32px;
        left: 50%;
        place-items: center;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 32px;
      }

[name='MediaText'] .mixed-slider .thumb-swiper .thumb-video-icon .icon {
          height: 16px;
          margin-inline-start: 2px;
          width: 16px;
        }

[name='MediaText'] .mixed-slider [name='SliderNavigation'] {
      justify-content: flex-end;
      margin-block-end: 8px;
      margin-inline-end: -16px;
    }

[name='MediaText'] .mixed-slider [name='SliderNavigation'] .swiper-button:not(.swiper-button-disabled) {
          color: var(--clr-black);
        }

[name='MediaText']:has(+ [name='SpaltenText'][data-theme='six']) {
    padding-block-end: calc(var(--comp-spacing) / 2);
  }

[name='MediaText'] .grid {
    align-items: center;
    display: grid;
    gap: var(--gutter);
    grid-template-columns: repeat(4, 1fr);
  }

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

[name='MediaText'] .grid {
      grid-template-columns: repeat(8, 1fr)
  }
    }

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

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

[name='MediaText'] .media-column {
    grid-column: 1 / -1;
  }

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

[name='MediaText'] .media-column {
      grid-column: 1 / 7
  }
    }

[name='MediaText'] .content {
    grid-column: 1 / -1;
  }

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

[name='MediaText'] .content {
      grid-column: 7 / -1;
  }
    }

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

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

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

/* Media right variant */

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

[name='MediaText'].media-right .media-column {
        grid-column: 7 / -1
    }
      }

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

[name='MediaText'].media-right .content {
        grid-column: 1 / 7;
        grid-row: 1 / -1
    }
      }


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