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

@charset "UTF-8";

.richtext {
  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.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);
  }

  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 {
    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";
        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";
          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;
}