/*==========================================================================
  Engineering page
  ========================================================================== */
body.machinepark
  .content
    .product-specs
      > .grid-col
        position: relative
        overflow: hidden
        background-color: $neutral-200

        .table
          + .table
            margin-top: 60px

        .specs-holder
          position: relative
          overflow: visible

          &:after
            content: ''
            display: block
            position: absolute
            top: 0
            left: 100%
            width: 40vw
            height: 100%
            background-color: $neutral-400
            z-index: 0

          .spec-header
            +flex(space-between, center)

            .production-subpage-icon
              display: block
              width: 100px
              position: absolute
              left: -120px
              top: 5px
              text-align: center

              &.measure
                display: none

              &.lasercutting svg
                width: 32px
                max-height: 58px

              &.folding svg
                width: 34px
                max-height: 61px

              &.punching svg
                width: 42px
                max-height: 56px

              &.sheetwork svg
                width: 32px
                max-height: 57px

              &.welding svg
                width: 45px
                max-height: 53px

              &.montage svg
                width: 53px
                max-height: 47px

              &.punchlaser svg
                width: 49px
                max-height: 57px

              &.various-operations svg
                width: 50px
                max-height: 52px

              &.logistic
                left: -6px
                svg
                  width: 69px
                  max-height: 36px


            a.button
              width: 180px
              min-width: 0


+respond-to-width(960)
  body.machinepark
    .intro
      padding-bottom: 0
      > .grid-col
        > .grid-row
          .right
            h1
              margin-bottom: 125px

    .content
      .product-specs
        > .grid-col
          .specs-holder
            &:after
              display: none

            .spec-header
              padding-left: 60px

              .production-subpage-icon
                left: -30px
                top: -10px

          .table
            + .table
              margin-top: 100px

            &.measure
              .spec-header
                padding-left: 0


+respond-to-width(725)
  body.machinepark
    .content
      .product-specs
        > .grid-col
          .specs-holder
            .spec-header
              flex-wrap: wrap
              
              h2
                width: 70%
                margin-bottom: 25px
                margin-top: 15px
                
              a.button
                display: none

+respond-to-width(625)
  body.machinepark
    .intro
      > .grid-col
        > .grid-row
          .right
            a.button
              display: block
              margin-right: 0 !important

+respond-to-width(425)
  body.machinepark
    .intro
      > .grid-col
        > .grid-row
          .right
            h1
              margin-bottom: 80px