.text-media form li:before {
    content: inherit;
}

.text-media.use-syntegon-list ul li:before,
.text-media .use-syntegon-list ul li:before {
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: var(--secondary);
    top: 0.55rem;
}

.text-media.use-syntegon-list form ul li:before,
.text-media .use-syntegon-list form ul li:before {
    content: inherit;
    width: auto;
    height: auto;
    border-radius: 0;
    background-color: transparent;
}

.text-media .text-media__item.aspect-3-2 .text-media__image img {
    aspect-ratio: 3 / 2;
}

.text-media .text-media__item.aspect-1-1 .text-media__image img {
    aspect-ratio: 1 / 1;
}

.text-media .text-media__item.aspect-auto .text-media__image img {
    aspect-ratio: auto;
}

.text-media .text-media__item .text-media__image img {
    object-fit: cover;
}

.text-media .text-media__preheadline {
    width: fit-content;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.6px;
    line-height: 1.3;
    text-transform: uppercase;
    opacity: 0.85;
    margin-bottom: 1.5rem;
}

.text-media__item .text-media__text .headline {
  margin-bottom: 1.5rem;
}

.text-media--quote .text-media-slide__text  {
  position: relative;
  padding-top: 70px;
}

{# @media(min-width: 1200px) {
  .text-media__item .text-media__richtext {
    padding-right: 120px;
  }
} #}

.text-media--quote .text-media-slide__text::before  {
  display: block;
  content: "";
  background: url('data:image/svg+xml,<svg width="79" height="51" viewBox="0 0 79 51" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M62.0023 50.0463H38.6335L52.25 0.180612H78.5629L62.0023 50.0463ZM23.729 50.0463H0.544256L13.7927 0.180612H40.1056L23.729 50.0463Z" fill="%2300F0A4"/></svg>');
  position: absolute;
  left: 80px;
  top: 0;
  width: 79px;
  height: 51px;
}

@media screen and (max-width: 991px) {
  .text-media--quote .text-media-slide__text::before  {
    left: 0;
  }
}

.text-media--quote .text-media--right .text-media-slide__text::before  {
  left: 0;
}


@media screen and (max-width: 991px) {
  .text-media--quote .text-media__image {
    padding-bottom: calc(var(--grid-gutter) * 2);
  }
}

.text-media--quote .text-media-slide__text p {
  opacity: 1;
}

.text-media--quote .text-media-slide__media {
  border-radius: 16px;
  overflow: hidden;
}


.text-media--quote .text-media-slide__media img {
  display: block;
  padding-bottom: 0;
}


@media screen and (min-width: 992px) {
  .text-media--quote .text-media__text .text-media-slide__text {
    padding-right: 0;
    padding-left: 80px;
  }
}

@media screen and (min-width: 992px) {
  .text-media--quote .text-media--right .text-media__text .text-media-slide__text {
    padding-left: 0;
    padding-right: 80px;
  }
}

@media screen and (min-width: 992px) {
  .text-media__item .row {
    align-items: center;
  }
  .text-media__item .text-media-slide__text {
    padding-right: 40px;
  }
}

.text-media__animation {
  min-height: 350px;
  aspect-ratio: 3 / 2;
}
@media(max-width: 767px) {
  .text-media__animation {
    aspect-ratio: auto;
  }
}
@media(max-width: 480px) {
  .text-media__animation {
    min-height: 240px;
  }
}

.text-media-slide__media--corners img {
  display: block;
  border-radius: inherit;
}

/* Rounded corners toggle for single image */
.text-media-slide__media--corners {
  border-radius: 16px;
  overflow: hidden;
}

/*
  Text opacity toggle (aligned with text module behavior)
  When the boolean `module.text.text_opacity` is enabled, we add
  `.text-media--opacity` on the root and dim paragraph text inside the text column.
*/
.text-media--opacity .text-media-slide__text p {
  opacity: 0.8;
}

/* If both quote and opacity are active, ensure opacity still applies */
.text-media--opacity.text-media--quote .text-media-slide__text p {
  opacity: 0.8;
}

.text-media .text-media__richtext.h1 p,
.text-media .text-media__richtext.h1 li {
  font-size: var(--h1-font-size);
  line-height: var(--h1-line-height, 1.2);
  font-weight: 400;
}

.text-media .text-media__richtext.h2 p,
.text-media .text-media__richtext.h2 li {
  font-size: var(--h2-font-size);
  line-height: var(--h2-line-height, 1.25);
  font-weight: 400;
}

.text-media .text-media__richtext.h3 p,
.text-media .text-media__richtext.h3 li {
  font-size: var(--h3-font-size);
  line-height: var(--h3-line-height, 1.3);
  font-weight: 400;
}

.text-media .text-media__richtext.h4 p,
.text-media .text-media__richtext.h4 li {
  font-size: var(--h4-font-size);
  line-height: var(--h4-line-height, 1.35);
  font-weight: 400;
}

.text-media .text-media__richtext.h5 p,
.text-media .text-media__richtext.h5 li {
  font-size: var(--h5-font-size);
  line-height: var(--h5-line-height, 1.4);
  font-weight: 400;
}

.text-media .text-media__richtext.h6 p,
.text-media .text-media__richtext.h6 li {
  font-size: var(--h6-font-size);
  line-height: var(--h6-line-height, 1.45);
  font-weight: 400;
}
.text-media .text-media__richtext.lead p,
.text-media .text-media__richtext.lead li {
  font-size: 18px;
}