$break_footer: 1120px;

.footer {
	border-top: 1px solid $text;
  position: relative;
  @include clearfix;
  padding: $gutter 0 50px;

  .sponsors,
  .page_foot_content {
    clear: both;
    max-width: 100%;
    text-align: center;
    padding-bottom: $gutter;
    border-bottom: 1px solid $text;

    @media screen and (min-width: $break_footer) {
      clear: none;
      border-bottom: 0;
      padding-bottom: 0;
      text-align: left;
    }
  }

  .sponsors {
    @include clearfix;

    .sponsors--entry {
      img {
        margin: 7px 30px 2*$gutter $gutter;
      }
    }

    @media screen and (min-width: 500px) {
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
    }

    @media screen and (min-width: $break_footer) {
      float: left;
      margin: 0;
      display: block;

      .sponsors--entry {
        float: left;
        padding-right: $gutter;
      }
    }
  }

  .page_foot_content {
    margin: 0 auto $gutter;
    width: 3*$column_width + 2*$gutter;
    padding-top: $gutter;

    h2 {
      font-size: 1em;
      padding: 0;

      // hier nochmal doppelt, weil in demosplan andere Basis-Styles gesetzt sind
      margin: 0;
      font-weight: bold;
    }

    @media screen and (min-width: $break_footer) {
      padding-top: 0;
    }
  }

  #foot_navigation {
    clear: both;
    text-align: center;

    @media screen and (min-width: $break_footer) {
      position: absolute;
      right: $gutter;
      top: $gutter;
    }
  }
}