footer
  background: $blackBackground
  padding: 80px 0 50px
  border-top: 4px solid $highLightRed
  .content-container
    box-sizing: border-box

  .responsive-block
    padding-bottom: 20px

  h3
    +font-semi-bold(18px, 24px)
    margin-bottom: 28px
    color: $fontColor2

    &:first-of-type
      margin-bottom: 30px


  li, a, p
    +font-default(16px, 22px)

    .data_title
      font-weight: 600
      color: $fontColor2

  p, ul
    margin-bottom: 20px

    &:last-child
      margin-bottom: 0

  .social
    a
      +flex(flex-start, center)
      margin-bottom: 10px

    .facebook
      span
        +sprite(-250px -60px, 17px, 17px)
        display: inline-block
        margin: 0 13px 0 3px
    .youtube
      span
        +sprite(-250px -100px, 23px, 17px)
        display: inline-block
        margin-right: 10px
  .site-switch
    h3
      margin-bottom: 0
    a
      display: block
    p
      margin-top: 5px
    span
      +flex(flex-start, center)
      +font-default(16px)
      font-size: 15px !important
      line-height: 18px !important
      border: 1px solid $defaultRed

      &:after
        content: ''
        position: relative
        top: 2px
        display: inline-block
        +arrowRightGray
        margin-left: 10px

  .end-logo
    margin-top: 60px
    +sprite(0 -37px, 80px, 28px)



  .end-footer
    margin-top: 38px
    border-top: 1px solid $fontColor2
    +flex(space-between, center)

    p, a
      +font-default(14px, 14px)
      +flex(center, center)
      margin: 10px 0

    .komma
      position: relative
      span
        +sprite(-280px -40px, 16px, 16px)
        display: inline-block
        left: -26px
        position: absolute


.isolation
  footer
    border-top: 4px solid $selectedGreen

    .end-logo
      +sprite(0 -106px, 80px, 28px)

+media-query(($maxWidth + 40px))
  footer
    .content-container
      width: calc(100% - 40px)
      padding: 0 20px

    .end-footer
      margin-top: 38px
      padding: 0

+media-query(950px)
  footer
    .openingshours
      display: none

    .grid3
      width: 33.3333333333%

+media-query(550px)
  footer
    p, .responsive-block
      display: inline-block
      width: 49%
      vertical-align: top

    .grid3
      width: 100%
      margin-top: 40px

+media-query(450px)
  footer
    padding-top: 25px
    .content-container
      padding: 0 40px
    p, a
      width: 100%
      font-size: 15px
      a, span
        font-size: 15px
    h3:first-of-type
      margin-bottom: 10px
    .responsive-block
      width: 100%
    .end-footer
      display: block
      padding-top: 25px
      p
        display: block
      .komma
        a
          padding-left: 18px
          display: block
        span
          position: absolute
          left: -5px