@tmletzko @JanJaquemot you can already check the banners for design/UX things,
the separate tracking for the close button is the only thing left to be implemented
https://de.wikipedia.org/?banner=B19_WMDE_18_ctrl
https://de.wikipedia.org/?banner=B19_WMDE_18_var

two remarks

• the X on the mini sticky needs to be original size

• on smaller screens the donation button breaks in a second row. I find it not that suitable. I was expecting to keep the progress bar and donation button on one row and adjust the font size and element size accordingly (font size like the bottom row)

the X on the mini sticky needs to be original size

the X has the same size on mini banner and on the regular-sized banner (for me), which browser produces this?

I changed the flex behaviour from column to row for all viewports. The resizing of the mini banner elements behaves like the resizing of the regular-sized banner currently.

updated X size on extra large viewports and set the regular-sized VAR banner to be displayed immediately without scroll-down animation ✔

@CorinnaHillebrand_WMDE

• The mini banner should only be displayed in viewports wider than 1580px. In narrower viewports, the banner should remain as it is: delayed by 7.5 seconds, sliding in, fixed to the top.
• The text inside the blue bubble should be bold and vertically centered.

Apart from that, the banners look good to me.

• Wenn Sie Wikipedia nützlich finden, nehmen Sie sich an diesem Dienstag bitte eine Minute Zeit und geben Wikipedia mit Ihrer Spende etwas zurück damit Wikipedia weiter wachsen kann. - before "damit" there is a missing comma.

Last minute: The additional progress bar text "Nur noch n Tage" should be displayed after the progress bar animation ends (see one of last year's banners).

• mini-sticky-banner is only displayed at >1580px, all viewports below stay like the ctrl banner ✔
• info sentence inside the blue bubble is centered ✔

• missing comma is added ✔

• "nur noch n Tage" message is being displayed on ctrl and var ✔

At 1579px and below the black-marker-stripe next to "Es fehlen:..." switches from being nicely centered to below the middleline of the progress bar.
Should always be centered.
Thank you Corinna!

oops, thx for pointing that out

• black marker stripe for "Es fehlen:..." is centered on the progress bar on all viewports and shifted 10px to the left ✔
• "M €" is changed to " Mio. €" in the progress bar ✔

Few things don't fit well on the banners in Internet Explorer:

IE should be fixed now, finally 💦