{# add these styles to magazin.css if star button is used again, SF
    ----
/* btn xmas joy -> engagement */
.magazin-landingpage .row:first-of-type { position: relative; }
.starbutton { margin: 1.5rem auto -1rem; -webkit-filter: drop-shadow(5px 5px 5px rgba(80, 80, 80, .5)); filter: drop-shadow(5px 5px 5px rgba(80, 80, 80, .5)); }
@media screen and (min-width: 400px) { .starbutton { bottom: 1rem; left: -1rem; }}
@media screen and (min-width: 768px) {
    .starbutton { position: absolute; z-index: 101; bottom: 17rem; left: 50%; }
}
@media screen and (min-width: 992px) { .starbutton { bottom: 17rem; left: 2rem; }}
@media screen and (min-width: 1200px) { .starbutton { bottom: 88%; left: 30%; }}
    ----
#}
<div class="starbutton"><a href="https://www.donbosco-engagement.de/Helfen" target="_blank" title="Don Bosco Engagement - Ihre Spende für junge Menschen"><img src="{{ asset('../build/images/magazin/btn-xmasjoy.png') }}" title="Weihnachtsfreude teilen" width="220" height="220"></a></div>