#footer
  position: relative
  width: 100%
  background: #3E3E3E
  padding-bottom: 40px

  +respond-to(small-screen)
    padding: 30px
    box-sizing: border-box
    height: auto

  .main
    height: 100%
    padding-top: 110px

    +respond-to(small-screen)
      padding-top: 0

  .shadow
    position: absolute
    z-index: 3000
    left: 50%
    top: 0
    margin-left: -50%
    width: 100%
    height: 50px
    background: no-repeat url('/images/structure/coevering_sprite.png') 0 -290px

  .orangeLine
    display: block
    position: absolute
    top: 0
    left: 0
    width: 100%
    height: 3px
    background: #EEA905

  .logo
    position: absolute
    top: 24px
    left: 0
    max-width: 240px

    +respond-to(small-screen)
      position: relative
      top: 0
      margin: 30px 0

  .nav.main
    top: 40px
    height: auto
    padding-top: 0

    .arrowHider
      position: absolute
      top: -53px
      left: 50%
      overflow: hidden
      margin-left: -10px
      width: 20px
      height: 13px

      .arrow
        position: absolute
        top: -20px
        width: 20px
        height: 20px
        background: no-repeat url('/images/structure/coevering_sprite.png') -10px -190px

  .contactData
    position: relative
    color: #BEBAB9
    font-size: .9em
    font-family: 'DIN Next W02 Regular',arial,sans-serif

    +respond-to(small-screen)
      position: relative
      top: 0
      margin: 30px 0

    .type
      width: 70px
      color: #EEA905

    .data
      width: 170px

    .footer-column
      float: left
      margin-right: 40px
      max-width: 300px


  .komma
    display: block
    float: left
    max-width: 200px
    opacity: 0.4
    filter: alpha(opacity=40)
    color: #BEBAB9
    font-size: .736842105em
    font-family: 'DIN Next W02 Regular', arial, sans-serif

    +respond-to(small-screen)
      position: relative
      bottom: 0
      left: 0
      margin: 30px 0

    .kommalogo
      display: block
      float: left
      margin-right: 10px

    .text
      display: block
      float: left
      text-transform: uppercase
      line-height: .9em

  .komma_mediadesign
    font-family: 'DIN Next W02 Medium', arial, sans-serif
    font-weight: 400

  .nav.terms
    float: right
    color: #BEBAB9
    font-size: .9em
    font-family: 'DIN Next W02 Medium',arial,sans-serif
    text-decoration: none
    text-align: right

    +respond-to(small-screen)
      position: relative
      bottom: 0
      margin: 30px 0
      text-align: left

    ul
      padding: 0
      margin: 0
      list-style: none

      li
        float: left
        margin-left: 30px
        a
          color: #797777

          &:hover
            color: #BEBAB9

.footer-row
  width: 100%
  margin-top: 30px