#documentView {
  .coordinates {
    display: none;

    .secretMapCoordinates {
      display: none;
    }
  }

  .container {
    &.metadata {
      padding-bottom: 40px;
      padding-top: 30px;
    }

    &.blue {
      background-color: #3f84c5;
    }

    &.mainInfo {
      .imagePanel,
      .leftPanel,
      .rightPanel {
        padding-right: 0;
        padding-left: 0;

        .relations {
          > div {
            padding-bottom: 50px;

            a {
              color: #000000;
            }
          }
        }
      }

      .leftPanel {
        a {
          color: #fcfcfc;
          text-decoration: underline;
        }
        color: #fcfcfc;
        padding-top: 10px;

        .copyright {
          font-family: Roboto;
          font-size: 14px;
          font-weight: 400;
          letter-spacing: 0.7px;

          a {
            font-family: Roboto;
            font-size: 14px;
            font-weight: 400;
            letter-spacing: 0.7px;
          }
        }

        .documentType {
          font-family: Roboto;
          font-size: 25px;
          font-weight: 300;
          letter-spacing: 0.6px;
          line-height: 45px;

          .uriButton {
            margin-right: 6px;
            height: 20px;
          }

          span {
            display: block;
          }
        }

        .title {
          font-family: Roboto;
          font-size: 32px;
          font-weight: 700;
          line-height: 45px;
        }
      }

      .metadataHeader {
        margin-top: 100px;
        margin-bottom: 30px;

        .scrollToMetadata {
          color: #fcfcfc;
          font-family: Roboto;
          font-size: 30px;
          font-weight: 500;
          letter-spacing: 1.8px;
          line-height: 31px;
          display: inline-block;
          padding-right: 20px;
          background-image: url("https://commons.digitalebibliothek.gbv.de/prizepapers/images/entity/scrollToMetadata.svg");
          background-position: right center;
          background-size: 9px 14px;
        }
      }

      .imagePanel {
        .view-object__image {
          border: none;
          padding: 5px 10px 0;
          margin-top: -135px;

          .secretMetsResolverButton {
            display: none !important;
          }

          #mainImage {
            .heart {
              display: none !important;
            }

            img {
              box-shadow: 0 3px 6px rgba(0, 0, 0, 0.49);
              max-width: 360px;
            }

            .licenseInformation {}
          }
        }

        .gotoFullscreen {
          background-image: url("https://commons.digitalebibliothek.gbv.de/prizepapers/images/entity/fullscreenButton.svg");
          width: 26px;
          height: 26px;
          position: absolute;
          right: 14px;
          top: -125px;

          a {
            width: 100%;
            height: 100%;
            display: block;
          }
        }

        .numeric-paginator {
          margin-top: 45px;
          font-family: Roboto;
          font-size: 16px;
          font-weight: 500;
          line-height: 30px;

          li {
            border: none;
            color: #fcfcfc;
            min-width: auto;
            margin: 0;

            &.numeric-paginator__active span {
              font-size: 20px;
              font-weight: 700;
              letter-spacing: 1.8px;
              background: none;
            }

            span {
              line-height: 30px;
            }

            a {
              line-height: 30px;
              color: #fcfcfc;

              &:active,
              &:focus,
              &:hover {
                background: none;
              }
            }

            &.numeric-paginator__navigate.navigate_next,
            &.numeric-paginator__navigate.navigate_prev {
              line-height: 30px;

              i.fa {
                display: none;
              }

              a {
                width: 11px;
                height: 30px;
                line-height: 30px;
                background-size: 11px 30px;
              }
            }

            &.numeric-paginator__navigate.navigate_prev a {
              margin-right: 14px;
              background-image: url("https://commons.digitalebibliothek.gbv.de/prizepapers/images/pagination/arrow_left.svg");
            }

            &.numeric-paginator__navigate.navigate_next a {
              margin-left: 14px;
              background-image: url("https://commons.digitalebibliothek.gbv.de/prizepapers/images/pagination/arrow_right.svg");
            }
          }
        }

        .subElementsInfoButton {
          background-color: white;
          border-radius: 2px;
          width: 250px;
          height: auto;
          margin: 30px auto 0;
          color: #3f84c5;
          padding: 10px 40px;
          cursor: pointer;
        }
      }

      .rightPanel {
        .relations {
          padding-left: 20%;
          margin-top: 130px;
        }
      }
    }
  }

  .metadataList {}
}

.metadataSubElements {
  .metadata__elements {
    margin-bottom: 50px;

    .metadata__elements-h3 {
      display: block;
      background-color: white;
      padding-bottom: 10px;
      margin-bottom: 30px;
      color: #3f84c5;
      padding-top: 10px;

      .metadataList {
        display: inline;
      }

      a.external {
        background-image: url("https://commons.digitalebibliothek.gbv.de/prizepapers/images/entityRelations/gotoIcon_black.svg") !important;
        background-position: right center !important;
        background-size: 19px 18px !important;
        width: 23px;
        height: 19px;
        margin-bottom: -4px;
      }
    }

    .metadata__element-wrapper {
      .metadata__element {
        .metadata__element-dl {
          margin: 14px 0;

          dd {
            text-align: left;
          }
        }
      }
    }
  }

  .uriButton {
    display: none !important;
  }
}
@media all and (max-width:1024px) {
  #documentView {
    .coordinates {
      .secretMapCoordinates {}
    }

    .container {
      &#map {
        display: none;
      }

      &.metadata {}

      &.blue {}

      &.mainInfo {
        .imagePanel,
        .leftPanel,
        .rightPanel {
          .relations {
            margin-top: 60px;

            > div {
              padding-bottom: 30px;
              width: 70%;
              margin: 0 auto;

              a {}
            }
          }
        }

        .leftPanel {
          a {}

          .copyright {
            a {}
          }

          .documentType {
            font-size: 20px;

            .uriButton {}

            span {
              padding-right: 60px;
            }
          }

          .title {
            font-size: 20px;
            line-height: 40px;
            width: 95%;
          }
        }

        .metadataHeader {
          margin-top: 65px;
          margin-bottom: 10px;

          .scrollToMetadata {
            font-size: 22px;
          }
        }

        .imagePanel {
          .view-object__image {
            margin-top: 20px;
            padding: 5px 0;
            text-align: center;

            .secretMetsResolverButton {}

            #mainImage {
              .heart {}

              img {}

              .licenseInformation {}
            }
          }

          .gotoFullscreen {
            bottom: 60px;
            margin-left: auto;
            margin-right: auto;
            left: 0;
            right: 0;
            text-align: center;
            top: auto;
            width: 40px;
            height: 40px;

            a {}
          }

          .numeric-paginator {
            ul {
              justify-content: center;

              li {
                &.numeric-paginator__active span {}

                span {}

                a {
                  &:active,
                  &:focus,
                  &:hover {}
                }

                &.numeric-paginator__navigate.navigate_next,
                &.numeric-paginator__navigate.navigate_prev {
                  i.fa {}

                  a {}
                }

                &.numeric-paginator__navigate.navigate_prev a {}

                &.numeric-paginator__navigate.navigate_next a {}
              }
            }
          }

          .subElementsInfoButton {
            display: none;
          }
        }

        .rightPanel {
          .relations {
            padding-left: 0;
          }
        }
      }
    }

    .metadataList {}
  }

  .metadataSubElements {
    .metadata__elements {
      .metadata__elements-h3 {
        .metadataList {}

        a.external {}
      }

      .metadata__element-wrapper {
        .metadata__element {
          .metadata__element-dl {
            dd {}
          }
        }
      }
    }

    .uriButton {}
  }
}