#xxxmas-banner{margin-top:10px;margin-left:14px;margin-right:15px;background-color:#424242;min-height:80px;border-radius:.7em;overflow:hidden;box-shadow:0 0 2px #333}
@media (max-width:1023px){#xxxmas-banner{margin-bottom:7px}
}
#xxxmas-banner img.full{width:100%;height:100%}
#xxxmas-banner .banner-body{position:relative;float:left;width:100%;height:100%;background-image:url(/img/v2/adventskalender_bg_snowflakes.webp);background-repeat:repeat-x}
#xxxmas-banner .banner-body .part-left{position:absolute;z-index:2;float:left;left:0;top:0;height:100%}
#xxxmas-banner .banner-body .part-right{position:absolute;z-index:1;float:right;right:0;top:0;height:100%}
#xxxmas-banner .banner-body .part-middle{position:relative;z-index:3;margin:15px auto 0;height:70px;max-width:240px}
#xxxmas-banner .banner-body .part-middle .btn{font-size:1.6em;padding:10px}
#xxxmas-banner .banner-body .block-a{float:left;height:100%;width:255px;background-image:url(/img/v2/adventskalender_ban_left_profil.webp);background-repeat:no-repeat;background-size:cover}
#xxxmas-banner .banner-body .block-b,#xxxmas-banner .banner-body .block-c{height:calc(90%);float:left;background-size:cover;background-repeat:no-repeat}
#xxxmas-banner .banner-body .block-b{margin:5px;width:94px;background-image:url(/img/v2/adventskalender_ban_left_box.webp)}
#xxxmas-banner .banner-body .block-c{margin:5px;width:130px;background-image:url(/img/v2/adventskalender_ban_right_box.webp)}
#xxxmas-banner .banner-body .block-d{float:left;height:100%;width:160px;background-image:url(/img/v2/adventskalender_ban_right_profil.webp);background-repeat:no-repeat;background-size:cover}
@media (max-width:1200px){#xxxmas-banner .banner-body .block-b,#xxxmas-banner .banner-body .block-c{display:none}
}
.xxxmas{background-image:url(/img/v2/adventskalender_bg_bottom_left_tinyfied.png),url(/img/v2/adventskalender_bg_bottom_right_tinyfied.webp),url(/img/v2/adventskalender_bg_top.webp);background-repeat:no-repeat;background-position:bottom left,bottom right,top;background-size:auto,auto,100%;background-color:#363636;min-height:93vh;padding-bottom:25px}
.xxxmas>div{width:800px;margin:0 auto}
@media (max-width:1023px),(min-device-width :768px) and (max-device-width :1024px){.xxxmas{background-image:none}
.xxxmas>div{width:auto;margin:0 25px}
}
.xxxmas .headline{background:#282828;padding:10px;margin:0 -15px;font-size:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.xxxmas .headline>div{display:inline-block;vertical-align:middle;width:50%}
.xxxmas .headline .adv{color:#ABABAB;font-size:36px;font-weight:400;text-align:right}
.xxxmas .headline .adv>span:last-child{font-weight:300;font-size:20px;display:inline-block;vertical-align:top;background:#000;padding:5px;margin:8px 5px 0;border-radius:6px}
.xxxmas .headline .adv>span:last-child>span{color:#FFF}
.xxxmas .headline .adv>span:last-child>span:first-child{color:#E1409E}
@media (max-width:1023px),(min-device-width :768px) and (max-device-width :1024px){.xxxmas .headline>div:first-child{width:30%}
.xxxmas .headline>div:last-child{width:70%}
.xxxmas .headline .adv{font-size:18px}
.xxxmas .headline .adv>span:last-child{font-size:14px;margin:-3px 0 0}
}
.xxxmas .calendar{margin:0 -18px}
.xxxmas .calendar>div{padding:4px}
.xxxmas .calendar>div>div{border-radius:.5em;background-color:#363636;color:#FFF;border:1px solid #1c1c1c;box-shadow:1px 1px 1px #222;height:180px;background-image:url(/img/v2/fragezeichen.webp);background-position:top 30px left 15px;background-repeat:no-repeat;position:relative;overflow:hidden}
@media (max-width:1023px),(min-device-width :768px) and (max-device-width :1024px){.xxxmas .calendar>div>div{height:160px}
}
@media (orientation:landscape) and (max-width:1023px),(min-device-width :768px) and (max-device-width :1024px) and (orientation:landscape){.xxxmas .headline .adv{font-size:28px}
.xxxmas .headline .adv>span:last-child{font-size:24px}
.xxxmas .calendar>div>div{height:210px}
}
@media screen and (min-device-width:481px) and (orientation:portrait){.xxxmas .calendar>div>div{height:250px}
}
.xxxmas .calendar>div>div:before{content:attr(data-day);color:#E1409E;background-color:#282828;position:absolute;font-size:35px;letter-spacing:.05em;padding:0 10px;width:60px;border-radius:.2em 0 0 .2em;font-weight:400;right:0;bottom:10px;z-index:2}
@media (orientation:portrait) and (max-width:1023px),(min-device-width :768px) and (max-device-width :1024px) and (orientation:portrait){.xxxmas .calendar>div>div:before{font-size:25px;width:50px}
}
.xxxmas .calendar>div>div:after{content:'';background-image:url(/img/v2/adventskalender_bg_xmas-tree.webp);background-position:100% 0;background-size:auto 100%;width:104px;height:135px;position:absolute;bottom:0;right:-4px;z-index:1}
.xxxmas .calendar>div>div.xxxmasclick{cursor:pointer}
.xxxmas .calendar>div>div.active{background-color:#E1409E;border:none}
.xxxmas .calendar>div>div.active:before{font-weight:700}
.xxxmas .calendar>div>div.opened{background-image:none}
.xxxmas .calendar>div>div.opened:after{background-position:0 0}
.xxxmas .calendar>div>div.opened.small:before{font-size:20px}
@media (max-width:1023px),(min-device-width :768px) and (max-device-width :1024px){.xxxmas .calendar>div>div.opened.small:before{font-size:14px;bottom:2px}
}
.xxxmas .calendar>div>div .title{margin:10px 0;background-color:#1c1c1c;padding:5px 10px;font-size:16px;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:5}
.xxxmas .calendar>div>div .title a{color:#FFF}
.xxxmas .calendar>div>div .title.small{margin:0}
.xxxmas .calendar>div>div .amateur{margin:20px 15px;width:50%;position:relative;z-index:5}
.xxxmas .calendar>div>div .amateur>div{margin-left:-5px;font-weight:300;color:#E1409E}
.xxxmas .calendar>div>div .amateur>div span{color:#FFF}
.xxxmas .calendar>div>div .amateur img{border-radius:.3em}
.xxxmas .calendar>div>div .amateur a.user_link{white-space:nowrap}
@media (max-width:1023px),(min-device-width :768px) and (max-device-width :1024px){.xxxmas .calendar>div>div .amateur{width:60%;margin:20px 10px}
}
.xxxmas .calendar>div>div .amateur.small{margin:0 15px 5px}