@media all {

  .ce-type-dw_textmedia {

    & .ce-inner {
      order: 0;
      grid-column: 3 / -3;
    }

    & .ce-media {
      order: 1;
      grid-column: 3 / -3;

      & .ce-gallery {
        display: flex;
        flex-direction: column;
        gap: var(--element-gap);
      }

      & .ce-media-file {
/*         border-radius: var(--radius-medium); */
        overflow: clip;
      }

    }
    /* Mobile Reverse: Bild vor Text auf Mobile */
    & .ce-media.ce-mobile-reverse {
      order: -1;
    }

    /* Background only for text: when checkbox set, move background to .ce-inner */
    & .ce-inner.ce-bg-text-only {
      background-color: var(--current-element-background, transparent) !important;
    }

    /* Margin bottom 0: remove element bottom margin when checkbox is set */
    .ce-type-dw_textmedia:has(.ce-inner.ce-mb-0) {
      margin-bottom: 0 !important;
    }

    /* Also for column-content context */
    .column-content .ce-type-dw_textmedia:has(.ce-inner.ce-mb-0) {
      margin-bottom: 0 !important;
    }

    /* Rounded corners: apply to images inside Text-Media only */
    & .ce-media.ce-rounded-small .ce-media-file,
    & .ce-media.ce-rounded-small .ce-media-file img {
      border-radius: var(--radius-small) !important;
      overflow: clip;
    }

    & .ce-media.ce-rounded-medium .ce-media-file,
    & .ce-media.ce-rounded-medium .ce-media-file img {
      border-radius: var(--radius-medium) !important;
      overflow: clip;
    }

    & .ce-media.ce-rounded-large .ce-media-file,
    & .ce-media.ce-rounded-large .ce-media-file img {
      border-radius: var(--radius-large) !important;
      overflow: clip;
    }

  }

}

  @media (max-width: 62.5rem) {

    .ce-type-dw_textmedia {

      & .ce-inner.ce-bg-text-only {
        padding: var(--element-padding) !important;
      }

    }

  }

  @media (min-width: 62.5rem) {

  .ce-type-dw_textmedia {

    & .ce-inner ,
    & .ce-media {
      grid-row: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    /* Mobile Reverse aufheben auf Desktop */
    & .ce-media.ce-mobile-reverse {
      order: 1;
    }

    &:has(.ce-media-right) {

      & .ce-inner {
        padding-right: var(--element-padding);
        grid-column: 3 / -14;
      }

      & .ce-media {
        grid-column: 14 / -3;
      }

    }

    &:has(.ce-media-left) {

      & .ce-inner {
        padding-left: var(--element-padding);
        grid-column: 14 / -3;
      }

      & .ce-media {
        grid-column: 3 / -14;
      }

    }

    /* Media Size Varianten - nur Bild wird kleiner */
    &:has(.ce-media-size-small) {

      &:has(.ce-media-right) .ce-media {
        grid-column: 14 / -7;
      }

      &:has(.ce-media-left) .ce-media {
        grid-column: 7 / -15;
      }

    }

    &:has(.ce-media-size-smaller) {

      &:has(.ce-media-right) .ce-media {
        grid-column: 18 / -3;
      }

      &:has(.ce-media-left) .ce-media {
        grid-column: 6 / -15;
      }

    }

  }

  .column-content .ce-type-dw_textmedia {

    &:has(.ce-media-right) {

      & .ce-inner {
        grid-column: 1 / -8;
      }

      & .ce-media {
        grid-column: 12 / -3;
      }

    }

    &:has(.ce-media-left) {

      & .ce-inner {
        grid-column: 6 / -3;
      }

      & .ce-media {
        grid-column: 1 / -14;
      }

    }

    /* Media Size Varianten in Spalten - nur Bild kleiner */
    &:has(.ce-media-size-small) {

      &:has(.ce-media-right) .ce-media {
        grid-column: 14 / -3;
      }

      &:has(.ce-media-left) .ce-media {
        grid-column: 1 / -16;
      }

    }

    &:has(.ce-media-size-smaller) {

      &:has(.ce-media-right) .ce-media {
        grid-column: 16 / -3;
      }

      &:has(.ce-media-left) .ce-media {
        grid-column: 1 / -18;
      }

    }

  }

}