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."
| Viewport width | Layout |
| --- | --- |
| < 900px | {F31469576, size=full} |
| >= 900px | {F31469577, size=full} |