.wp-block-columns {
  margin-bottom: $global-padding*6;
  padding: $global-padding*2 0;

  &.amds-block-facts {
    strong {
      font-size: 3rem !important;
    }
  }

  &.background {
    &.grey {
      background: $brand-gray;
      color: $brand-primary;
      padding-top: $global-padding*4;
      padding-left: 15vw;
      padding-right: 15vw;

      strong {
        font-family: "Futura PT W01 Bold", sans-serif;
        font-size: 2rem;
        font-weight: 500;
      }
    }
  }

  @include breakpoint(small down) {
    margin-bottom: $global-padding*3;
  }
}

.amds-landingpage {
  margin: 0 !important;
  height: 103vh;

  // WORK5 F0R M3
  position: fixed;
  width: 100%;
  top: -$global-padding;

  background: $brand-primary;

  .wp-block-group__inner-container {
    height: inherit;

    .wp-block-columns {
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;

      .wp-block-column {
        height: 100%;
        margin: 0;
        padding: $global-padding;

        flex-basis: 50%;
        text-align: center;
        align-content: center;

        color: $brand-white;

        transition: flex-basis 500ms ease-in-out;

        p {
          font-family: $brand-font-bold;
          font-size: 1.5rem;
          line-height: 1.2;

          position: relative;
          top: 75%;
          transition: font-size 500ms ease-in-out, top 500ms ease-in-out;

          a {
            display: inline-block;
            margin-top: -50vh;
            padding-top: 50vh;
            text-align: center;
          }
        }
      }

      .wp-block-column:first-child {
        background: $brand-secondary url("/wp-content/themes/meg/static/images/icons/MEG-Batterie_weiss.svg") no-repeat center/40%;
      }

      .wp-block-column:first-child:hover {
        @include breakpoint(large up) {
          background: $brand-secondary url("/wp-content/themes/meg/static/images/animated/batterie.gif") no-repeat center/22%;
          flex-basis: 100%;

          p {
            font-size: 2rem;
            top: 80%;
          }
        }
      }

      .wp-block-column:last-child {
        background: url("/wp-content/themes/meg/static/images/icons/MEG-Metall_weiss.svg") no-repeat center/45%;
      }

      .wp-block-column:last-child:hover {
        @include breakpoint(large up) {
          background: $brand-primary url("/wp-content/themes/meg/static/images/animated/metall.gif") no-repeat 51% 51%/23%;
          flex-basis: 100%;

          p {
            font-size: 2rem;
            top: 80%;
          }
        }
      }
    }
  }

  @include breakpoint(medium down) {
    .wp-block-group__inner-container {
      .wp-block-columns {
        margin-top: 170px;

        .wp-block-column {
          flex-basis: 100%;
          height: 42%;
        }

        .wp-block-column:first-child {
          background: $brand-secondary url("/wp-content/themes/meg/static/images/icons/MEG-Batterie_weiss.svg") no-repeat center 25%/33%;
        }

        .wp-block-column:last-child {
          background: url("/wp-content/themes/meg/static/images/icons/MEG-Metall_weiss.svg") no-repeat center 25%/35%;
          position: relative;
          top: -90px;
        }
      }
    }
  }

  @include breakpoint(small down) {
    height: unset;
    min-height: 103vh;
    overflow-y: auto;

    .wp-block-group__inner-container {
      .wp-block-columns {
        margin-top: 100px;

        .wp-block-column {
          height: 42vh;

          p {
            font-size: 1rem;
            top: 60%;

            a {
              margin-top: -20vh;
              padding-top: 19vh;
            }
          }
        }

        .wp-block-column:first-child {
          background: $brand-secondary url("/wp-content/themes/meg/static/images/icons/MEG-Batterie_weiss.svg") no-repeat center 25%/25%;
        }

        .wp-block-column:last-child {
          background: url("/wp-content/themes/meg/static/images/icons/MEG-Metall_weiss.svg") no-repeat center 25%/27%;
          top: -15px;
        }
      }
    }
  }

  @media only screen and (max-width: 328px) {
    .wp-block-group__inner-container {
      .wp-block-columns {
        margin-top: 92px;

        .wp-block-column:last-child {
          height: 43vh;
        }
      }
    }
  }
}

.amds-benefits {
  .wp-block-columns {
    margin: 0 $global-padding*4;
    padding: 0;

    .meg-accordion {
      font-family: $brand-font-bold, sans-serif;
      font-weight: 500;
      font-size: 1.5rem;

      cursor: pointer;
      width: 100%;
      transition: 0.4s;
    }

    .meg-accordion-panel {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.2s ease-out;
    }

    .wp-block-column:before {
      content: '';
      display: inline-block;
      background: url("/wp-content/themes/meg/static/images/icons/MEG-listpoint.png") no-repeat;
      background-size: 100%;
      width: 1.5rem;
      height: 1.5rem;
      position: relative;
      top: 2rem;
      right: 2.5rem;
    }

    .wp-block-column {
      margin: 0 $global-padding*4;
    }

    @include breakpoint(large down) {
      margin: 0;

      .meg-accordion {
        font-size: 1rem;
      }

      .wp-block-column {
        margin: 0 25px;
      }
    }

    @include breakpoint(medium down) {
      margin: 0 10vw;

      .wp-block-column {
        flex-basis: 90%;
      }
    }

    @include breakpoint(small down) {
      margin-left: 20px;
      margin-right: 0;

      .meg-accordion-panel {
        line-height: 1.2rem;
        margin-bottom: 0.5rem;
      }
    }
  }
}

.meg-values {
  .wp-block-columns:last-child {
    .wp-block-column:last-child:before {
      display: none;
    }
  }
}

@include breakpoint(large down) {
  .meg-more {
    .wp-block-columns {
      flex-wrap: wrap;

      .wp-block-column {
        flex-basis: 45%;
        margin: $global-padding;
      }
    }
  }
}

@include breakpoint(medium down) {
  .meg-more {
    .wp-block-columns {
      .wp-block-column {
        flex-basis: 40%;
      }
    }
  }
}

.footer-contact {
  .wp-block-columns {
    margin: $global-padding*5 0 $global-padding*4 0;

    .wp-block-column {
      max-width: 355px;
    }

    @include breakpoint(large down) {
      margin: $global-padding*5 0 0 0;

      .wp-block-column:first-child,
      .wp-block-column:nth-child(2) {
        flex-basis: 40%;
      }
    }

    @include breakpoint(medium down) {
      .wp-block-column:first-child,
      .wp-block-column:nth-child(2) {
        flex-basis: 100%;
        max-width: 450px;

        p {
          font-size: 20px;
        }
      }

      .wp-block-column:first-child {
        margin-top: 40px;
      }

      .wp-block-column:nth-child(2) {
        margin-top: 40px;
        margin-left: 0;
      }
    }

    @include breakpoint(small down) {
      margin: 0;

      .wp-block-column {
        h3 {
          font-size: 1rem;
        }
      }
    }
  }
}

.wp-block-column {
  .wp-block-columns {
    margin-bottom: 0;
  }
}

.wp-column-social {
  display: flex;
  justify-content: flex-end;

  position: absolute;
  bottom: 24px;
  right: 10vw;

  z-index: 15;

  figure {
    padding-left: $global-padding/2;
  }
}

.no-js {
  .meg-accordion-panel {
    max-height: 300px !important;
  }
}