/* Relations between entitys as text with iamge*/
.relations {
  .capture,
  .court_process,
  .documents,
  .materiality_report,
  .ship {
    padding-left: 54px;
    background-position: left top;
    min-height: 40px;
    color: #272726;
    font-family: Roboto;
    font-size: 32px;
    font-weight: 400;
    line-height: 35px;

    .whiteFont & {
      color: #fcfcfc;
    }

    a {
      background-image: url("https://commons.digitalebibliothek.gbv.de/prizepapers/images/entityRelations/gotoIcon_black.svg");
      background-position: right center;
      background-size: 19px 18px;
      padding-right: 32px;
      display: inline-block;
      color: #fcfcfc;

      &:hover {
        text-decoration: none;
      }

      .whiteFont & {
        background-image: url("https://commons.digitalebibliothek.gbv.de/prizepapers/images/entityRelations/gotoIcon_white.svg");
      }
    }

    &.loading {
      background-image: url("https://commons.digitalebibliothek.gbv.de/prizepapers/images/entityRelations/preloader.svg") !important;
      background-position: left center;
      background-size: 36px 38px;

      #shipView &,
      .metadataEntry.MASTERVALUE_MD_DOCUMENT_RELATED_DOCUMENT & {
        background-image: url("https://commons.digitalebibliothek.gbv.de/prizepapers/images/entityRelations/preloaderBlack.svg") !important;
      }

      a {
        display: none;
      }
    }

    .name {
      font-size: 16px;
      color: #333;
      line-height: 26px;
    }
  }

  .court_process {
    background-image: url("https://commons.digitalebibliothek.gbv.de/prizepapers/images/entityRelations/court_process_black.svg");
    background-size: 36px 38px;

    .whiteFont & {
      background-image: url("https://commons.digitalebibliothek.gbv.de/prizepapers/images/entityRelations/court_process_white.svg");
    }
  }

  .capture {
    background-image: url("https://commons.digitalebibliothek.gbv.de/prizepapers/images/entityRelations/capture_black.svg");
    background-size: 30px 34px;

    .whiteFont & {
      background-image: url("https://commons.digitalebibliothek.gbv.de/prizepapers/images/entityRelations/capture_white.svg");
    }
  }

  .ship {
    background-image: url("https://commons.digitalebibliothek.gbv.de/prizepapers/images/entityRelations/ship_black.svg");
    background-size: 40px 27px;

    .whiteFont & {
      background-image: url("https://commons.digitalebibliothek.gbv.de/prizepapers/images/entityRelations/ship_white.svg");
    }
  }

  .materiality_report {
    background-image: url("https://commons.digitalebibliothek.gbv.de/prizepapers/images/entityRelations/feather_black.svg");
    background-size: 40px 46px;

    a {
      padding-right: 0;
      background-image: none;
    }

    .whiteFont & {
      background-image: url("https://commons.digitalebibliothek.gbv.de/prizepapers/images/entityRelations/feather_white.svg");
    }
  }

  .documents {
    background-image: url("https://commons.digitalebibliothek.gbv.de/prizepapers/images/entityRelations/document_black.svg");
    background-size: 40px 37px;

    .whiteFont & {
      background-image: url("https://commons.digitalebibliothek.gbv.de/prizepapers/images/entityRelations/document_white.svg");
    }

    .metadataEntry & {
      font-size: 16px;
    }

    img {
      width: 100px;
    }
  }
}
/* Buttons for mouseover / click - Popups with more information about normdata */
.uriButton {
  display: inline-block;
  width: 12px;
  height: 16px;
  background-image: url("https://commons.digitalebibliothek.gbv.de/prizepapers/images/entity/normdata/infoPopup_black.svg");
  cursor: pointer;
  background-position: 2px top;
  background-size: 9px;

  .blueBackground & {
    background-image: url("https://commons.digitalebibliothek.gbv.de/prizepapers/images/entity/normdata/infoPopup_white.svg");
  }
}
@media all and (max-width:1024px) {
  /* Relations between entitys as text with iamge*/
  .relations {
    .capture,
    .court_process,
    .documents,
    .ship {
      font-size: 22px;

      .whiteFont & {}

      a {
        &:hover {}

        .whiteFont & {}
      }

      &.loading {
        #shipView &,
        .metadataEntry.MASTERVALUE_MD_DOCUMENT_RELATED_DOCUMENT & {}

        a {}
      }

      .name {}
    }

    .court_process {
      .whiteFont & {}
    }

    .capture {
      .whiteFont & {}
    }

    .ship {
      .whiteFont & {}
    }

    .documents {
      .whiteFont & {}

      .metadataEntry & {}

      img {}
    }
  }
  /* Buttons for mouseover / click - Popups with more information about normdata */
  .uriButton {
    .blueBackground & {}
  }
}