The banners are based on the control banner of wikipedia-de-02.

Acceptance Criteria

• Additional payment interval options in both the control and the variant banner (see screenshots below).
  • The options "vierteljährlich" and "halbjährlich" are added to the interval button group.
  • When the form is displayed on the right, the options are aligned in three row, the option "einmalig" uses the full width of the first row.
  • When the form is displayed at the bottom, the options are aligned next to each other.
  • In mobile banner mode, the options are displayed one below the other.
• The close button is repositioned (see screenshots below).
  • When the form is displayed on the right, the close button is moved further to the upper right corner of the viewport.
  • When the form is displayed at the bottom, it is moved further to the bottom.
• The submit button has a hover effect that changes its background color to #4465A7.
• The link "Wohin geht meine Spende?" has a hover effect that changes its text color to #171717.
• The progress bar is changed to
  • display the number of remaining days on the left side.
  • display the missing amount outside of the progress bar.
• The sentence "Menschen spenden aus einem einfachen Grund – weil Wikipedia nützlich ist." is added to the variant banner after the bold sentence "Wenn alle, die das jetzt lesen, einen kleinen Beitrag leisten, wäre unser Spendenziel bereits am heutigen Mittwoch erreicht."
• banners will have equal height
• instead of M it says Mio. in the progress bar elements.

Viewport width	Layout
< 900px
>= 900px