div#adventskalender{position:relative;margin:40px 0 0 0;padding:0}
div#adventskalender h1{margin:0}
div#adventskalender p{margin:40px 0;padding:0;font-size:18px}
@media screen and (max-width:700px){div#adventskalender h1{font-size:22px}
div#adventskalender p{font-size:16px}
}
div#adventskalender p.note{margin:30px 0 10px 0;padding:0;font-size:18px}
div#adventskalender div.adventskalender-container{position:relative;width:100%;color:#222;-webkit-box-shadow:5px 5px 7px 0 rgba(0,0,0,0.5);-moz-box-shadow:5px 5px 7px 0 rgba(0,0,0,0.5);box-shadow:5px 5px 7px 0 rgba(0,0,0,0.5)}
@media screen and (max-width:700px){div#adventskalender div.adventskalender-container{-webkit-box-shadow:2px 2px 4px 0 rgba(0,0,0,0.5);-moz-box-shadow:2px 2px 4px 0 rgba(0,0,0,0.5);box-shadow:2px 2px 4px 0 rgba(0,0,0,0.5)}
}
div#adventskalender div.adventskalender-container img.background{float:none;width:100%}
div.adventskalender{position:absolute;top:0;right:0;width:100%;height:100%}
div.adventskalender .doors{position:relative;background:rgba(255,255,255,0);width:21.09%;height:15%;float:left;margin:1.15% 1.94%;cursor:pointer;border:2px dashed rgba(255,255,255,.15);-webkit-perspective:2600px;-moz-perspective:2600px;-o-perspective:2600px;perspective:2600px}
div.adventskalender .doors a{padding:0}
div.adventskalender .doors .outside-container{width:100%;height:100%;left:0;top:0;display:block;position:absolute;z-index:10;-webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,0.12);-moz-box-shadow:inset 0 0 0 1px rgba(0,0,0,0.12);box-shadow:inset 0 0 0 1px rgba(0,0,0,0.12);-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform 1s;-moz-transition:-moz-transform 1s;-o-transition:-o-transform 1s;transition:all 1s;-webkit-backface-visibility:visible;-moz-backface-visibility:visible;-ms-backface-visibility:visible;-o-backface-visibility:visible;backface-visibility:visible}
div.adventskalender .doors .outside-container .outside{width:100%;height:100%;left:0;top:0;display:block;position:absolute;z-index:11;background-size:474%;background-repeat:no-repeat;-webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,0.12);-moz-box-shadow:inset 0 0 0 1px rgba(0,0,0,0.12);box-shadow:inset 0 0 0 1px rgba(0,0,0,0.12);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;visibility:hidden;opacity:0;-webkit-transition:-webkit-opacity 1.0s ease,-webkit-visibility 1.0s ease;-moz-transition:-moz-opacity 1.0s ease,-moz-visibility 1.0s ease;-ms-transition:-ms-opacity 1.0s ease,-ms-visibility 1.0s ease;transition:opacity 1.0s ease,visibility 1.0s ease;-webkit-transition-delay:2s;-moz-transition-delay:2s;-ms-transition-delay:2s;transition-delay:2s}
div.adventskalender .doors.open .outside-container{-webkit-transform:rotateY(-100deg);-moz-transform:rotateY(-100deg);-o-transform:rotateY(-100deg);transform:rotateY(-100deg);-webkit-backface-visibility:visible;-moz-backface-visibility:visible;-ms-backface-visibility:visible;-o-backface-visibility:visible;backface-visibility:visible}
div.adventskalender .doors.open .outside-container .outside{visibility:visible;opacity:1;-webkit-transition:-webkit-opacity 0s ease,-webkit-visibility 0s ease;-moz-transition:-moz-opacity 0s ease,-moz-visibility 0s ease;-ms-transition:-ms-opacity 0s ease,-ms-visibility 0s ease;transition:opacity 0s ease,visibility 0s ease;-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;transition-delay:0s}
div.adventskalender .doors:nth-child(1) .outside-container .outside{background-position:2.44% .98%}
div.adventskalender .doors:nth-child(2) .outside-container .outside{background-position:34.04% .98%}
div.adventskalender .doors:nth-child(3) .outside-container .outside{background-position:65.68% .98%}
div.adventskalender .doors:nth-child(4) .outside-container .outside{background-position:97.34% .98%}
div.adventskalender .doors:nth-child(5) .outside-container .outside{background-position:2.44% 20.55%}
div.adventskalender .doors:nth-child(6) .outside-container .outside{background-position:34.04% 20.55%}
div.adventskalender .doors:nth-child(7) .outside-container .outside{background-position:65.68% 20.55%}
div.adventskalender .doors:nth-child(8) .outside-container .outside{background-position:97.34% 20.55%}
div.adventskalender .doors:nth-child(9) .outside-container .outside{background-position:2.44% 40.06%}
div.adventskalender .doors:nth-child(10) .outside-container .outside{background-position:34.04% 40.06%}
div.adventskalender .doors:nth-child(11) .outside-container .outside{background-position:65.68% 40.06%}
div.adventskalender .doors:nth-child(12) .outside-container .outside{background-position:97.34% 40.06%}
div.adventskalender .doors:nth-child(13) .outside-container .outside{background-position:2.44% 59.60%}
div.adventskalender .doors:nth-child(14) .outside-container .outside{background-position:34.04% 59.60%}
div.adventskalender .doors:nth-child(15) .outside-container .outside{background-position:65.68% 59.60%}
div.adventskalender .doors:nth-child(16) .outside-container .outside{background-position:97.34% 59.60%}
div.adventskalender .doors:nth-child(17) .outside-container .outside{background-position:2.44% 79.18%}
div.adventskalender .doors:nth-child(18) .outside-container .outside{background-position:34.04% 79.18%}
div.adventskalender .doors:nth-child(19) .outside-container .outside{background-position:65.68% 79.18%}
div.adventskalender .doors:nth-child(20) .outside-container .outside{background-position:97.34% 79.18%}
div.adventskalender .doors:nth-child(21) .outside-container .outside{background-position:2.44% 98.73%}
div.adventskalender .doors:nth-child(22) .outside-container .outside{background-position:34.04% 98.73%}
div.adventskalender .doors:nth-child(23) .outside-container .outside{background-position:65.68% 98.73%}
div.adventskalender .doors:nth-child(24) .outside-container .outside{background-position:97.34% 98.73%}
div.adventskalender .doors .outside-container:after{width:100%;height:100%;display:block;z-index:12;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;content:"";background:url('https://72f3921709.edge.storage/assets/images/fancybox/outside-bg--F22pm3q5VDP.jpg') no-repeat center center #2e2e2e;background-size:cover;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-box-shadow:-20px 8px 20px -8px rgba(0,0,0,0.32);-moz-box-shadow:-20px 8px 20px -8px rgba(0,0,0,0.32);box-shadow:-20px 8px 20px -8px rgba(0,0,0,0.32)}
div.adventskalender .doors .outside-container .number{position:absolute;display:inline-block;background:rgba(255,255,255,0.5);border-radius:30px;width:38px;height:38px;line-height:38px;text-align:center;top:40%;left:40%;font-size:22px;z-index:12;visibility:visible;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:background .4s ease;-moz-transition:background .4s ease;-ms-transition:background .4s ease;transition:background .4s ease}
@media screen and (min-width:901px){div.adventskalender .doors .outside-container:hover .number{background:rgba(255,255,255,1);-webkit-transition:background .4s ease;-moz-transition:background .4s ease;-ms-transition:background .4s ease;transition:background .4s ease}
}
div.adventskalender .doors:nth-child(2n) .outside-container .number{top:60%;left:60%}
div.adventskalender .doors:nth-child(3n) .outside-container .number{top:30%;left:30%}
div.adventskalender .doors:nth-child(4n) .outside-container .number{top:50%;left:50%}
div.adventskalender .doors:nth-child(2) .outside-container .number{top:10%;left:10%}
div.adventskalender .doors:nth-child(5) .outside-container .number{top:70%;left:70%}
div.adventskalender .doors:nth-child(6) .outside-container .number{top:50%;left:60%}
div.adventskalender .doors:nth-child(10) .outside-container .number{top:60%;left:25%}
div.adventskalender .doors:nth-child(14) .outside-container .number{top:50%;left:20%}
div.adventskalender .doors:nth-child(15) .outside-container .number{top:15%;left:30%}
div.adventskalender .doors:nth-child(18) .outside-container .number{top:60%;left:30%}
div.adventskalender .doors:nth-child(19) .outside-container .number{top:10%;left:20%}
div.adventskalender .doors:nth-child(24) .outside-container .number{top:3%;left:75%}
@media screen and (max-width:900px){div.adventskalender .doors .outside-container .number{border-radius:30px;width:30px;height:30px;line-height:30px;font-size:16px}
}
@media screen and (max-width:800px){div.adventskalender .doors .outside-container .number{border-radius:25px;width:25px;height:25px;line-height:25px;font-size:14px}
}
@media screen and (max-width:500px){div.adventskalender .doors .outside-container .number{border-radius:20px;width:20px;height:20px;line-height:20px;font-size:12px}
}
div.adventskalender .doors .close{position:absolute;width:26%;height:100%;left:-26%;top:0;z-index:20;display:none}
div.adventskalender .doors.open .close{display:block}
div.adventskalender .doors .inside .door{position:absolute;top:0;left:0;visibility:hidden;opacity:0;height:100%;width:100%;overflow:hidden;-webkit-transition:-webkit-opacity 1.0s ease,-webkit-visibility 1.0s ease;-moz-transition:-moz-opacity 1.0s ease,-moz-visibility 1.0s ease;-ms-transition:-ms-opacity 1.0s ease,-ms-visibility 1.0s ease;transition:opacity 1.0s ease,visibility 1.0s ease;-webkit-transition-delay:1s;-moz-transition-delay:1s;-ms-transition-delay:1s;transition-delay:1s}
div.adventskalender .doors.open .inside .door{visibility:visible;opacity:1;overflow:hidden;-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;transition-delay:0s;outline:0}
div.adventskalender .doors .inside .door img{width:100%;height:100%;padding:0;margin:0}
div.adventskalender .doors .inside .shadow:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;-webkit-box-shadow:inset 2px 2px 6px 0 rgba(0,0,0,0.8);-moz-box-shadow:inset 2px 2px 6px 0 rgba(0,0,0,0.8);box-shadow:inset 2px 2px 6px 0 rgba(0,0,0,0.8)}
@media screen and (max-width:800px){div.adventskalender .doors .inside .shadow:before{-webkit-box-shadow:inset 1px 1px 4px 0 rgba(0,0,0,0.8);-moz-box-shadow:inset 1px 1px 4px 0 rgba(0,0,0,0.8);box-shadow:inset 1px 1px 4px 0 rgba(0,0,0,0.8)}
}
div.adventskalender .doors .inside .fancybig{display:none}
div.adventskalender .doors .inside .door.nothing>div,div.adventskalender .doors .inside .door.expired>div{display:table;height:100%;width:100%}
div.adventskalender .doors .inside .door.nothing>div>div,div.adventskalender .doors .inside .door.expired>div>div{display:table-cell;vertical-align:middle;text-align:center;background:#737373;color:#fff;padding:10px;font-size:18px}
div.adventskalender .doors .inside .door.expired>div>div{background:#8c181b}
@media screen and (max-width:800px){div.adventskalender .doors .inside .door.nothing>div>div,div.adventskalender .doors .inside .door.expired>div>div{font-size:14px;padding:5px}
}
@media screen and (max-width:500px){div.adventskalender .doors .inside .door.nothing>div>div,div.adventskalender .doors .inside .door.expired>div>div{font-size:12px}
}
@media screen and (max-width:400px){div.adventskalender .doors .inside .door.nothing>div>div,div.adventskalender .doors .inside .door.expired>div>div{font-size:10px}
}