.footer {
   background: $black;
   color: $white;
   padding-top: 50px;

   hr {
      border-top-color: #3b3b3b;
   }

   .footer-logo {
      justify-content: center;
      margin-bottom: 20px;
   }

   @media screen and (max-width: $lg - 1) {
      padding-top: 25px;

      .footer-logo {
         display: none;
      }

      hr {
         display: none;
      }
   }
}

.footer-menu {
   .column {
      flex-grow: 1;
   }

   a {
      @include underline-hover;

      color: $white;
   }

   li {
      padding: 5px 0;
   }

   .lead {
      color: #919191;
      font-size: 12px;
      margin-bottom: 1rem;
   }

   .footer-icon-wrapper {
      display: flex;
      align-items: center;
      margin: 15px -15px;

      img {
         margin: 15px;
      }
   }

   .column > img {
      margin-top: 35px;
   }

   .heureka-badges {
      display: flex;
      margin-top: 20px;

      > a {
         margin-right: 30px;
      }
   }

   @media screen and (max-width: $lg - 1) {
      display: block;

      .column {
         margin: 0 -10px;
      }

      .collapse {
         display: none;
         padding: 0 50px 15px;
      }

      .last {
         border-top: 1px solid #3b3b3b;
         display: flex;
         align-items: center;
         padding: 16px 50px;

         img {
            margin-right: 20px;
         }

         .d-flex {
            margin-left: auto;
            margin-bottom: 0;
         }
      }

      .lead {
         border-top: 1px solid #3b3b3b;
         color: $white;
         cursor: pointer;
         display: flex;
         justify-content: space-between;
         align-items: center;
         font-size: 16px;
         font-weight: $font-weight-bold;
         letter-spacing: normal;
         padding: 17px 50px;
         margin-bottom: 0;
         text-transform: none;

         &::after {
            @include fonticon;

            font-size: 14px;
            content: $icons_caret-down;
         }

         &.active {
            &::after {
               content: $icons_caret-up;
            }

            + .collapse {
               display: block;
            }
         }
      }

      .footer-icon-wrapper {
         margin: 0 -15px;
      }

      .heureka-badges {
         margin-top: 0;

         > a {
            margin: 0;
         }
      }
   }

   @media screen and (max-width: $sm - 1) {
      .last {
         flex-wrap: wrap;
         justify-content: center;

         img {
            margin: 0 10px 20px;
         }

         .d-flex {
            width: 100%;
         }
      }
   }

   @media screen and (max-width: $xs - 1) {
      .last,
      .collapse,
      .lead {
         padding-right: 15px;
         padding-left: 15px;
      }
   }
}
