ihk24/gfi-ihk-2024/stories/_global/gfi-styles/_richtext.scss

@charset "UTF-8";

.richtext {
  :where(:not(.infobox)) {
    ul, ol {
      margin: 1em 0 1.5em;
      padding: 0;

      li {
        position: relative;
        display: block;
        padding-left: 32px;
        margin-bottom: 0.4em;

        @media(max-width: 767px) {
          padding-left: 24px;
        }
      }
    }
    ul {
      li {
        &::marker {
          color: var(--color-decoration);
        }
      }
    }

    ul.contact-buttons {
      li {
        padding-left: 0;

        &::after {
          display: none;
        }
      }
    }

    ul li::after,
    ol ul li::after {
      content: "";
      position: absolute;
      left: 0;
      width: 8px;
      height: 8px;
      border-radius: 3px;
      background-color: $color-secondary;
      background-color: var(--theme-color-secondary, $color-secondary);
      top: 12px;

      @media(max-width: 767px) {
        top: 10px;
        width: 6px;
        height: 6px;
      }
    }

    .accordion > ul > li:after, ul.accordion li:after, ul.choices li:after, ul.slider-tabs li:after, ul.contact-buttons li:after, ul.social-icons li:after {
      background: none;
      border: none;
    }

    .accordion .accordion-content .richtext ul li:after {
      border: 2px solid var(--theme-color-secondary);
      background-color: var(--theme-color-secondary);
    }

    ul.slider-tabs li {
      padding-left: 0;
    }

    ul:not(.anchors) > li:before, ol ul li:before {
      display: none;
    }
    ol > li:after {
      display: none;
    }

    ul ul:not(.rte--list, tab-buttons) {
      margin: 0.4em 0;

      li:after {
        background-color: transparent;
        border: 2px solid $color-secondary;
        border: 2px solid var(--theme-color-secondary, $color-secondary);
        box-sizing: border-box;
      }
    }

    ol {
      counter-reset: listcount;

      li:before {
        counter-increment: listcount;
        content: counter(listcount) ".";
        font-weight: 700;
        position: absolute;
        left: 0;
      }
    }

    .text a, .rte--list a, .strong a {
      transition: 0.2s ease;
      display: inline;
      padding: 0 5px 2px;
      color: $color-link;
      color: var(--theme-color-link, $color-link);
      background-color: $color-secondary-light;
      background-color: var(--theme-color-secondary-dimmed, $color-secondary-light);
      //font-weight: 400;
      margin: 0 -1px -2px;
      opacity: 1;
      -webkit-box-decoration-break: clone;
      box-decoration-break: clone;
      overflow-wrap: break-word;
      word-wrap: break-word;
      word-break: break-word;
      hyphens: auto;

      &:hover {
        color: $color-link-hover;
      }

      &.external, &.extranet, &.intranet, &[data-linktypeicon="CMExternalLink"], &[data-linktypeicon="CMDownload"] {
        position: relative;
        padding-left: 7px;

        &:after {
          @include icon-small-link-external;
          font-family: "Icons", sans-serif;
          color: $color-link-hover;
          font-size: 18px;
          margin-left: 3px;
          outline: 3px solid $color-secondary-light;
          outline-offset: -2px;
          text-decoration: underline;
          text-transform: none;
          font-weight: 400;
          font-style: normal;
        }
      }

      &.intranet:after {
        @include icon-small-schloss;
      }

      &.extranet:after {
        @include icon-small-stern;
      }

      &[data-linktypeicon="CMDownload"]:after {
        @include icon-small-download;
        text-decoration: none;
        display: inline-block;
        line-height: 0;
        outline: none;
      }
    }

    .text .image a, .rte--list .image a, .strong .image a {
      background-color: var(--theme-color-secondary-dimmed);
    }

    .text a.image-link{
      background-color: #fff;
      padding: 0;
      margin: 0;
      display: block;
      &:after{
        display: none;
      }
    }

    .responsive-table {
      tr > td > a {
        color: $color-link;
        transition: 0.2s ease;
        display: inline;
        padding: 0 5px 2px;
        background-color: $color-secondary-light;
        //font-weight: 400;
        margin: 0 -1px -2px;
        opacity: 1;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
      }

      a {
        &.external, &.extranet, &.intranet, &[data-linktypeicon="CMExternalLink"], &[data-linktypeicon="CMDownload"] {
          transition: 0.2s ease;
          display: inline;
          color: $color-link;
          color: var(--theme-color-link, $color-link);
          background-color: $color-secondary-light;
          background-color: var(--theme-color-secondary-dimmed, $color-secondary-light);
          //font-weight: 400;
          margin: 0 -1px -2px;
          opacity: 1;
          -webkit-box-decoration-break: clone;
          box-decoration-break: clone;

          &:hover {
            color: $color-link-hover;
          }

          position: relative;
          padding: 0 5px 2px 7px;

          &:after {
            @include icon-small-link-external;
            font-family: "Icons", sans-serif;
            color: $color-link-hover;
            font-size: 18px;
            margin-left: 3px;
            outline: 3px solid $color-secondary-light;
            outline-offset: -2px;
            text-decoration: underline;
            text-transform: none;
            font-weight: 400;
            font-style: normal;
          }
        }

        &.intranet:after {
          @include icon-small-schloss;
        }

        &.extranet:after {
          @include icon-small-stern;
        }

        &[data-linktypeicon="CMDownload"]:after {
          @include icon-small-download;
          text-decoration: none;
          display: inline-block;
          line-height: 0;
          outline: none;
        }
      }

    }

    ul.highcharts-menu {
      padding: 10px 0 !important;

      li {
        padding: 5px 20px;
        margin: 0;

        &:after {
          display: none;
        }
      }

      hr {
        margin: 5px 0 8px;
      }
    }

    ul.tab-buttons {
      margin: 0;

      li {
        display: inline-block;
        margin-bottom: 12px;
        padding-left: 0;

        &:after {
          content: "";
          height: 0;
          width: 0;
          border: 0;
        }
      }
    }

    .detail-text {
      overflow-x: hidden;
    }
  }

}

blockquote {
  border-left: 6px solid $color-secondary;
  border-left: 6px solid var(--theme-color-secondary, $color-secondary);
  margin: 2em 0;
  padding-left: 26px;
  font-style: italic;

  @media(max-width: 767px) {
    padding-left: 18px;
  }

  .author {
    font-style: normal;
    font-size: 18px;
    line-height: 1.2;
  }
}

[data-browser="ie"] .richtext .text {
  a.external:after, a.external:after, a.external:after, a[data-linktypeicon="CMExternalLink"] {
    text-decoration: none;
  }
}

.lastPublishDate{
  padding-top: 20px;
}