Wenn ich die Elemente so anordne:
Code
<div id="bg">
<h1>
Adventskalender 2018!
</h1>
<div class="Kalender">
<div class="door"><span class="contentclose">17</span><span class="contentopen"><img src="images/busleft.png" /></span></div>
<div class="door"><span class="contentclose">18</span><span class="contentopen">Offen 18</span></div>
<div class="door"><span class="contentclose">19</span><span class="contentopen">Offen 19</span></div>
<div class="door"><span class="contentclose">20</span><span class="contentopen">Offen 20</span></div>
</div>
</div>
<div id="snow"></div>
Alles anzeigen
Und dem div#snow die Eigenschaft pointer-events:none gebe:
funktioniert es bei mir einwandfrei.
Das Problem bei deinem Versuch in #120 war, dass Du nicht dem div#snow die Eigenschaft pointer-events:none gegeben hast, sondern einem ganz anderen.