.show-model-detail
  position: relative
  overflow: hidden
  background-color: $red

  .return-to-overview
    background-color: $brightBlue
    padding: 20px column(1, 14)
    text-decoration: none
    display: none
    width: 100%

    .arrow
      position: relative
      top: 1px
      left: 4px
      display: block
      width: 12px
      margin-right: 25px
      transform: translate3d(0,0,0)
      transition: transform 0.3s

      svg
        max-height: 15px

      .arrow-icon
        width: 100%
        transform: rotate(90deg)
        transform-origin: center
        .st0
          fill: white

    p
      font-size: 0.8rem
      color: white
      margin: 0
      font-weight: semibold()

    &:hover
      .arrow
        transform: translate3d(-5px,0,0)

  .show-sub-menu
    position: relative
    z-index: 3
    display: inline-block
    width: column(3, 12)
    vertical-align: top

  .dynamic-content
    position: relative
    z-index: 2
    display: inline-block
    width: column(9, 12)
    padding: 80px 0
    vertical-align: top

    &:after
      content: ''
      position: absolute
      z-index: -1
      display: block
      width: 100vw
      height: 100vh
      right: 0
      top: 0

    .kms-content
      .button
        margin-top: 40px
        background-color: $orange
        color: white
        text-transform: uppercase

        &.right
          .arrow
            margin-left: 30px

    .dynamic-block
      &.full-text-block
        .content
          margin-left: 0
          text-align: left


  +respond-to-width(900)
    padding-top: 20px

    .grid-row
      width: column(11, 12)
      +flex(flex-start, flex-start)
      +flex-rows
      display: block

      +respond-to-width(600)
        width: 100%

    .return-to-overview
      +order(1)
      +flex(flex-start, center)

    .dynamic-content
      +order(2)
      width: 100%
      padding: 40px column(1, 14)

    .show-sub-menu
      +order(3)
      background-color: rgba($borderColor, 0.4)
      width: 100%
      padding: 80px column(1, 14)

  &.overview-page
    .background-image
      content: ''
      position: absolute
      top: 0
      right: 0
      width: column(3, 12)
      height: 100%
      background-repeat: no-repeat
      background-position: left center
      background-size: cover

    > .grid-row
      display: flex

    .dynamic-content
      //margin-left: column(1, 24)
      padding: 72px column(1, 24) 100px
      background-color: white

    +respond-to-width(900)
      .show-sub-menu
        display: none
      .dynamic-content
        width: 100%
      .background-image
        display: none

  +respond-to-width(750)
    padding-top: 60px