* {box-sizing: border-box;}
body {background: #051433;color: #fff;font-family: Raleway, sans-serif;font-size: 16px;line-height: 1.875;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;margin: 0;padding: 0;position: relative;height: 100%}
main {background: #051433 url("../images/adventskalender-foto-2021.jpg") no-repeat center bottom;background-size: cover}
footer {text-align: center;margin: 0;padding: 5px}
footer a {color: #fff}
a { text-decoration: none}
.row {overflow: hidden}
.door {float: left;width: 12.5%;height: 100%;padding: 10px;position: relative;transition: 2s;margin: 0}
@media (max-width: 1240px) {.door {width: 16.66%}}
@media (max-width: 768px) {.door {width: 25%;}
main {background-size: contain;}}
.door, .today, .previous-day {background: linear-gradient(10deg, rgba(0,0,0,.1), rgba(255,255,255,0));box-shadow: inset 0px -2px 2px rgba(0,0,0,.1)}
.door:after {content: "";display: block;padding-bottom: 100%}
.door .day {position: absolute;right: 10%;bottom: 5%;font-weight: 700;font-size: 32px}
.door a:hover { background: #000 url("../images/tuerchen.jpg") no-repeat center center }
.today .day {color: #db9500; text-shadow: 0 -1px 0 rgba(220,180,100, 1), 0 1px 0 rgba(130,90,0,1);}
.previous-day .day {color: rgba(255,255,255,.5);}
.previous-day:before, .today:before {content: "";background: #000;position: absolute;top: 0; right: 0; bottom: 0; left: 100%;z-index: 999;transition: .5s}
.previous-day:hover:before, .today:hover:before {content: "";background: #000;position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 999}
.row#headline {text-align: center;height: 25%;margin: 0;padding: 0}
.row#headline img {width: 25%;margin: 0;padding-top: 25px;color: #fff;font-size: 50px; line-height: 50px;font-weight: 800;text-shadow: #952511 1px 1px 0, #952511 2px 2px 0, #952511 3px 3px 0, #952511 4px 4px 0;text-align: center;-webkit-text-stroke-width: 2px;-webkit-text-stroke-color: #e74f3e}
@media (max-width: 1240px) {.row#headline img {width: 50%}}
@media (max-width: 768px) {.row#headline img {width: 75%}}
.offer {margin: 0px; padding: 20px;}
.daily {background: #fff;border-radius: 10px;box-shadow: 5px 5px 0 rgba(0,0,0,.25);color: #002c42;max-width: 900px;margin: 40px auto;padding: 40px;position: relative;text-align: center}
.daily h2 {font-size: 32px;font-weight: 800;}
.daily h3 {font-size: 24px;font-weight: 800;}
.daily h4 {font-size: 18px;font-weight: 800;}
.daily img {max-width: 75%}
.daily a.btn {background: rgba(253,195,0,1);border: 2px solid rgba(229,80,62,1);border-radius: 20px;box-shadow: 0 4px 0 rgba(150,38,28,1);color: rgba(229,80,62,1);display: inline-block;font-size: 1.25em;font-weight: 800;height: 40px;line-height: 40px;padding: 0 20px;text-decoration: none;text-transform: uppercase;transition: .5s}
.daily a.btn:hover {background: rgba(253,170,0,1)}
.daily .stopper {background: rgba(229,80,62,1);border-radius: 10px;border: 1px solid rgba(150,38,28,.5);box-shadow: 10px 10px 20px rgba(0,0,0,.25), 0 0 10px rgba(0,0,0,.25),2px 2px 8px rgba(0,0,0,.25);color: #fff;font-size: 24px;font-weight: 600;line-height: 24px;padding: 16px 20px;position: absolute;top: -10px; right: -20px;text-align: center;text-shadow: -1px -1px 0 rgba(150,38,28,1), 1px 1px 0 rgba(255,255,255,.5);text-transform: uppercase;transform: rotate(15deg)}
.stopper a {color:#fff}
.video-responsive{overflow:hidden;padding-bottom:56.25%;position:relative;height:0}
.video-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute}
.nonono {display: none;position: absolute;height: 100%;width: 100%;background: url("../images/adventskalender-nonono.png") no-repeat center top;background-color: rgba(0,45,71,.75);background-size: cover;z-index: 99}
.nonono .text {background: #fff;border-radius: 10px;box-shadow: 5px 5px 0 rgba(0,0,0,.25);color: #002c42;max-width: 60%;margin: 20px auto;padding: 20px;position: relative;text-align: center}
@media (max-width: 768px) {.nonono .text {max-width: 90%}}
#homepage {position:absolute;right:30px;top:0;text-decoration: none}
#gewinn {position:absolute;left:30px;top:10px;text-decoration: none}