@font-face{font-family:'OldEs';src:local('Old English Text MT'), local('OldEnglishTextMT'), url('OldEnglishTextMT.woff2') format('woff2'), url('OldEnglishTextMT.woff') format('woff');font-weight:normal;font-style:normal}body,html{color:#fff;background:#000}.container{max-width:720px}h1{font-family:'OldEs', sans-serif;font-size:3em}h2{font-family:'Source Sans Pro', sans-serif;font-size:1.5em}p{font-family:'Source Sans Pro', sans-serif;font-size:1em}a.button{text-decoration:none;display:block;border:2px solid #fff;background:rgba(255, 255, 255, 0);font-weight:bold;color:#fff;text-align:center;padding:0.75em 0.5em;margin-bottom:0.5em}#backlink{position:absolute;top:2rem;left:50%;-webkit-transform:translatex(-50%);-ms-transform:translatex(-50%);transform:translatex(-50%);font-size:1.5em;text-transform:uppercase;color:#fff}#backlink:hover{color:#fff}header{background:url('../img/header.jpg');background-repeat:no-repeat;background-size:cover;background-position:bottom;height:90vh;padding-top:calc(90vh - 150px)}header.sub{height:40vh;padding-top:calc(40vh - 150px)}.content{background:#000}.content#das-buch{padding:1em 0;margin-top:-2em;margin-bottom:5em}.content#datenschutz{padding-bottom:calc(15em + 150px)}.content#der-autor{background:url('../img/der-autor.png');background-size:cover;background-repeat:no-repeat;background-position:center top;padding:15em 0;padding-bottom:calc(15em + 250px)}.content#der-autor h2{margin-bottom:2em}footer{background:url('../img/footer.png');background-repeat:no-repeat;background-size:cover;background-position:bottom;height:350px;margin-top:-350px;padding-top:250px;font-size:0.8em}footer ul{list-style:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;vertical-align:middle}footer ul li{color:#fff;margin-right:2em}footer ul li:last-child{margin-left:auto;margin-right:0}footer ul li a{color:#fff;font-weight:bold}footer ul li a:hover{text-decoration:underline;color:#eee}footer ul li a.eprojekt{font-weight:normal;text-decoration:none!important}footer ul li a.eprojekt span{display:inline-block;text-indent:-9999px;width:2em;height:2em;background:url('../img/logo-white.png');background-repeat:no-repeat;background-size:contain;background-position:center;-webkit-transform:translatey(-3px);-ms-transform:translatey(-3px);transform:translatey(-3px)}#book{padding:2em}.book{position:relative;width:160px;height:220px;-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;margin-left:3em}.book ul{list-style:none}.book .btn{display:inline-block;text-transform:uppercase;border:2px solid #2c3e50;margin-top:100px;font-size:0.7em;font-weight:700;padding:0.1em 0.4em;text-align:center;-webkit-transition:color 0.3s, border-color 0.3s;-moz-transition:color 0.3s, border-color 0.3s;-o-transition:color 0.3s, border-color 0.3s;transition:color 0.3s, border-color 0.3s}.book .btn:hover{border-color:#16a085;color:#16a085}.hardcover_front li:first-child{background-color:#eee;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.hardcover_front li:last-child{background:#fffbec}.hardcover_back li:first-child{background:#fffbec}.hardcover_back li:last-child{background:#fffbec}.book_spine li:first-child{background:#eee}.book_spine li:last-child{background:#333}.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before{background:#999}.page>li{background:-webkit-linear-gradient(left, #e1ddd8 0%, #fffbf6 100%);background:-moz-linear-gradient(left, #e1ddd8 0%, #fffbf6 100%);background:-ms-linear-gradient(left, #e1ddd8 0%, #fffbf6 100%);background:-webkit-gradient(linear, left top, right top, from(#e1ddd8), to(#fffbf6));background:-o-linear-gradient(left, #e1ddd8 0%, #fffbf6 100%);background:linear-gradient(left, #e1ddd8 0%, #fffbf6 100%);-webkit-box-shadow:inset 0px -1px 2px rgba(50, 50, 50, 0.1), inset -1px 0px 1px rgba(150, 150, 150, 0.2);box-shadow:inset 0px -1px 2px rgba(50, 50, 50, 0.1), inset -1px 0px 1px rgba(150, 150, 150, 0.2);border-radius:0px 5px 5px 0px;text-align:center}.hardcover_front{-webkit-transform:rotateY(-34deg) translateZ(8px);-moz-transform:rotateY(-34deg) translateZ(8px);transform:rotateY(-34deg) translateZ(8px);z-index:100}.hardcover_back{-webkit-transform:rotateY(-15deg) translateZ(-8px);-moz-transform:rotateY(-15deg) translateZ(-8px);transform:rotateY(-15deg) translateZ(-8px)}.page li:first-child{-webkit-transform:rotateY(-28deg);-moz-transform:rotateY(-28deg);transform:rotateY(-28deg)}.page li:nth-child(2){-webkit-transform:rotateY(-30deg);-moz-transform:rotateY(-30deg);transform:rotateY(-30deg)}.page li:nth-child(3){-webkit-transform:rotateY(-32deg);-moz-transform:rotateY(-32deg);transform:rotateY(-32deg)}.page li:nth-child(4){-webkit-transform:rotateY(-34deg);-moz-transform:rotateY(-34deg);transform:rotateY(-34deg)}.page li:nth-child(5){-webkit-transform:rotateY(-36deg);-moz-transform:rotateY(-36deg);transform:rotateY(-36deg)}.book_spine,.book_spine li,.hardcover_back,.hardcover_back li,.hardcover_front,.hardcover_front li{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.hardcover_back,.hardcover_front{-webkit-transform-origin:0% 100%;-moz-transform-origin:0% 100%;-ms-transform-origin:0% 100%;transform-origin:0% 100%}.hardcover_front{-webkit-transition:all 0.8s ease, z-index 0.6s;-moz-transition:all 0.8s ease, z-index 0.6s;-o-transition:all 0.8s ease, z-index 0.6s;transition:all 0.8s ease, z-index 0.6s}.hardcover_front li:first-child{cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transform:translateZ(2px);-moz-transform:translateZ(2px);transform:translateZ(2px)}.hardcover_front li:last-child{-webkit-transform:rotateY(180deg) translateZ(2px);-moz-transform:rotateY(180deg) translateZ(2px);transform:rotateY(180deg) translateZ(2px)}.hardcover_back li:first-child{-webkit-transform:translateZ(2px);-moz-transform:translateZ(2px);transform:translateZ(2px)}.hardcover_back li:last-child{-webkit-transform:translateZ(-2px);-moz-transform:translateZ(-2px);transform:translateZ(-2px)}.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before{position:absolute;top:0;left:0}.hardcover_front li:first-child:after,.hardcover_front li:first-child:before{width:4px;height:100%}.hardcover_front li:first-child:after{-webkit-transform:rotateY(90deg) translateZ(-2px) translateX(2px);-moz-transform:rotateY(90deg) translateZ(-2px) translateX(2px);transform:rotateY(90deg) translateZ(-2px) translateX(2px)}.hardcover_front li:first-child:before{-webkit-transform:rotateY(90deg) translateZ(158px) translateX(2px);-moz-transform:rotateY(90deg) translateZ(158px) translateX(2px);transform:rotateY(90deg) translateZ(158px) translateX(2px)}.hardcover_front li:last-child:after,.hardcover_front li:last-child:before{width:4px;height:160px}.hardcover_front li:last-child:after{-webkit-transform:rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);-moz-transform:rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);transform:rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px)}.hardcover_front li:last-child:before{-webkit-box-shadow:0px 0px 30px 5px #333;box-shadow:0px 0px 30px 5px #333;-webkit-transform:rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);-moz-transform:rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);transform:rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px)}.hardcover_back li:first-child:after,.hardcover_back li:first-child:before{width:4px;height:100%}.hardcover_back li:first-child:after{-webkit-transform:rotateY(90deg) translateZ(-2px) translateX(2px);-moz-transform:rotateY(90deg) translateZ(-2px) translateX(2px);transform:rotateY(90deg) translateZ(-2px) translateX(2px)}.hardcover_back li:first-child:before{-webkit-transform:rotateY(90deg) translateZ(158px) translateX(2px);-moz-transform:rotateY(90deg) translateZ(158px) translateX(2px);transform:rotateY(90deg) translateZ(158px) translateX(2px)}.hardcover_back li:last-child:after,.hardcover_back li:last-child:before{width:4px;height:160px}.hardcover_back li:last-child:after{-webkit-transform:rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);-moz-transform:rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);transform:rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px)}.hardcover_back li:last-child:before{-webkit-box-shadow:10px -1px 80px 20px #666;box-shadow:10px -1px 80px 20px #666;-webkit-transform:rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);-moz-transform:rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);transform:rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px)}.book_spine{-webkit-transform:rotateY(60deg) translateX(-5px) translateZ(-12px);-moz-transform:rotateY(60deg) translateX(-5px) translateZ(-12px);transform:rotateY(60deg) translateX(-5px) translateZ(-12px);width:16px;z-index:0}.book_spine li:first-child{-webkit-transform:translateZ(2px);-moz-transform:translateZ(2px);transform:translateZ(2px)}.book_spine li:last-child{-webkit-transform:translateZ(-2px);-moz-transform:translateZ(-2px);transform:translateZ(-2px)}.book_spine li:first-child:after,.book_spine li:first-child:before{width:4px;height:100%}.book_spine li:first-child:after{-webkit-transform:rotateY(90deg) translateZ(-2px) translateX(2px);-moz-transform:rotateY(90deg) translateZ(-2px) translateX(2px);transform:rotateY(90deg) translateZ(-2px) translateX(2px)}.book_spine li:first-child:before{-webkit-transform:rotateY(-90deg) translateZ(-12px);-moz-transform:rotateY(-90deg) translateZ(-12px);transform:rotateY(-90deg) translateZ(-12px)}.book_spine li:last-child:after,.book_spine li:last-child:before{width:4px;height:16px}.book_spine li:last-child:after{-webkit-transform:rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);-moz-transform:rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);transform:rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px)}.book_spine li:last-child:before{-webkit-box-shadow:5px -1px 100px 40px rgba(0, 0, 0, 0.2);box-shadow:5px -1px 100px 40px rgba(0, 0, 0, 0.2);-webkit-transform:rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);-moz-transform:rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);transform:rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px)}.page,.page>li{position:absolute;top:0;left:0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.page{width:100%;height:98%;top:1%;left:3%;z-index:10}.page>li{width:100%;height:100%;-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;-webkit-transition-property:transform;-moz-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.page>li:first-child{-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s}.page>li:nth-child(2){-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s}.page>li:nth-child(3){-webkit-transition-duration:0.4s;-moz-transition-duration:0.4s;-o-transition-duration:0.4s;transition-duration:0.4s}.page>li:nth-child(4){-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s}.page>li:nth-child(5){-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s}.book:hover>.hardcover_front{-webkit-transform:rotateY(-145deg) translateZ(0);-moz-transform:rotateY(-145deg) translateZ(0);transform:rotateY(-145deg) translateZ(0);z-index:0}.book:hover>.page li:first-child{-webkit-transform:rotateY(-30deg);-moz-transform:rotateY(-30deg);transform:rotateY(-30deg);-webkit-transition-duration:1.5s;-moz-transition-duration:1.5s;-o-transition-duration:1.5s;transition-duration:1.5s}.book:hover>.page li:nth-child(2){-webkit-transform:rotateY(-35deg);-moz-transform:rotateY(-35deg);transform:rotateY(-35deg);-webkit-transition-duration:1.8s;-moz-transition-duration:1.8s;-o-transition-duration:1.8s;transition-duration:1.8s}.book:hover>.page li:nth-child(3){-webkit-transform:rotateY(-118deg);-moz-transform:rotateY(-118deg);transform:rotateY(-118deg);-webkit-transition-duration:1.6s;-moz-transition-duration:1.6s;-o-transition-duration:1.6s;transition-duration:1.6s}.book:hover>.page li:nth-child(4){-webkit-transform:rotateY(-130deg);-moz-transform:rotateY(-130deg);transform:rotateY(-130deg);-webkit-transition-duration:1.4s;-moz-transition-duration:1.4s;-o-transition-duration:1.4s;transition-duration:1.4s}.book:hover>.page li:nth-child(5){-webkit-transform:rotateY(-140deg);-moz-transform:rotateY(-140deg);transform:rotateY(-140deg);-webkit-transition-duration:1.2s;-moz-transition-duration:1.2s;-o-transition-duration:1.2s;transition-duration:1.2s}.coverDesign{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;z-index:1;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;background:url('../img/Cover.png');background-size:contain;background-repeat:no-repeat;background-position:center}.coverDesign:after{background-image:-webkit-linear-gradient(-135deg, rgba(255, 255, 255, 0.45) 0%, transparent 100%);background-image:-moz-linear-gradient(-135deg, rgba(255, 255, 255, 0.45) 0%, transparent 100%);background-image:-webkit-linear-gradient(225deg, rgba(255, 255, 255, 0.45) 0%, transparent 100%);background-image:-o-linear-gradient(225deg, rgba(255, 255, 255, 0.45) 0%, transparent 100%);background-image:linear-gradient(-135deg, rgba(255, 255, 255, 0.45) 0%, transparent 100%);position:absolute;top:0;left:0;bottom:0;right:0}.coverDesign h1{color:#fff;font-size:2.2em;letter-spacing:0.05em;text-align:center;margin:54% 0 0 0;text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.1)}.coverDesign p{color:#f8f8f8;font-size:1em;text-align:center;text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.1)}.ribbon{background:#c0392b;color:#fff;display:block;font-size:0.7em;position:absolute;top:11px;right:1px;width:40px;height:20px;line-height:20px;letter-spacing:0.15em;text-align:center;-webkit-transform:rotateZ(45deg) translateZ(1px);-moz-transform:rotateZ(45deg) translateZ(1px);transform:rotateZ(45deg) translateZ(1px);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;z-index:10}.ribbon:after,.ribbon:before{position:absolute;top:-20px;width:0;height:0;border-bottom:20px solid #c0392b;border-top:20px solid transparent}.ribbon:before{left:-20px;border-left:20px solid transparent}.ribbon:after{right:-20px;border-right:20px solid transparent}figcaption{padding-left:40px;text-align:left;position:absolute;top:0%;left:160px;width:310px;-webkit-backface-visibility:hidden}figcaption h1{margin:0}figcaption span{color:#16a085;padding:0.6em 0 1em 0;display:block}figcaption p{color:#63707d;line-height:1.3}@media screen and (max-width:37.8125em){.align>li{width:100%;min-height:440px;height:auto;padding:0;margin:0 0 30px 0}.book{margin:0 auto}figcaption{text-align:center;width:320px;top:250px;padding-left:0;left:-80px;font-size:90%}}.countdown{font-family:sans-serif;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:100;text-align:center;font-size:36px;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.countdown-number{padding:10px;border-radius:3px;background:rgba(255, 255, 255, 0.1);display:block;width:23%}.countdown-time{padding:15px;border-radius:3px;background:rgba(255, 255, 255, 0.1);display:block}.countdown-text{display:block;padding-top:5px;font-size:16px}